【问题标题】:How to display text and component text on same line如何在同一行显示文本和组件文本
【发布时间】:2019-10-05 02:56:19
【问题描述】:

我有一个包含一些文本的 div,然后是一个显示更多文本的组件:

   <div className="text-center">
      Sign-in or <SignUpLink />
    </div>

我希望它像这样显示内联文本:

登录或创建帐户

但它却是这样显示的:

登录或

创建一个帐户

我该如何解决这个问题?

【问题讨论】:

  • 无论从 SignUpLink 组件返回的任何元素都需要显示为 inlineinline-block,或者您可以将容器 div 设置为 flexbox。如果它被推送到另一行,则链接组件是块元素。
  • 我们可以用相同的 div className 调用 inline-block 吗?像
  • 如果您不确定,我建议您使用 documentation 作为 CSS 显示属性。
  • 请把SignUpLink组件的内容贴出来

标签: css reactjs react-bootstrap


【解决方案1】:

SignUpLink 一个display: inline 样式。

const SignUpLink = () => {
  <div style={{ display: 'inline' }}>
    // rest of component
  </div>
}

【讨论】:

  • 谢谢大家...成功了..我使用了 react bootstrap。
  • 如果对您有帮助,请标记为已回答! @JavaNew
  • 怎么做?
  • 这可能对你有帮助 @JavaNew stackoverflow.com/help/someone-answers
猜你喜欢
相关资源
最近更新 更多
热门标签