【问题标题】:Bulma level item height is too small布尔玛级别物品高度太小
【发布时间】:2021-09-16 18:10:48
【问题描述】:

我怎样才能确定我的<p class="title"></p><p class="subtitle"></p> 显示在彼此下方,因为现在它们正在彼此旁边显示

【问题讨论】:

  • 你已经有一些 CSS 了吗?你能在这里分享吗?如果你写了两个p 标签,第二个已经换行了。

标签: css bulma


【解决方案1】:

你可以使用flexbox,一定能解决你的问题。

示例

如果你想安排两个相互底层的项目:

.container {
    display: flex;
    flex-direction: column;
}
<div class="container">
<p class="title">Hello</p>
<p class="subtitle">World</p>
</div>

如果您想将两个项目并排排列。

.container {
    display: flex; /*by default it will align items in one row*/
}
   <div class="container">
    <p class="title">Hello</p>
    <p class="subtitle">World</p>
    </div>

【讨论】:

  • 是的,正确的方法,但错误在于他的CSS代码,因为&lt;p&gt;标签是块级元素,所以总是从新行开始
  • @Rana 是的,我同意
猜你喜欢
  • 2021-11-29
  • 1970-01-01
  • 1970-01-01
  • 2020-07-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-02
相关资源
最近更新 更多