【发布时间】:2019-10-05 02:56:19
【问题描述】:
我有一个包含一些文本的 div,然后是一个显示更多文本的组件:
<div className="text-center">
Sign-in or <SignUpLink />
</div>
我希望它像这样显示内联文本:
登录或创建帐户
但它却是这样显示的:
登录或
创建一个帐户
我该如何解决这个问题?
【问题讨论】:
-
无论从 SignUpLink 组件返回的任何元素都需要显示为
inline或inline-block,或者您可以将容器 div 设置为 flexbox。如果它被推送到另一行,则链接组件是块元素。 -
我们可以用相同的 div className 调用 inline-block 吗?像如果您不确定,我建议您使用 documentation 作为 CSS 显示属性。请把
SignUpLink组件的内容贴出来
标签: css reactjs react-bootstrap