css 我怎样才能使同级内联级元素位于单独的行框中?

ttcibm8c  于 2023-05-30  发布在  其他
关注(0)|答案(1)|浏览(96)
<div>
  <em style="background-color: aqua;">
      Line box 1
  </em>
  <span id="span2" style="background-color: aquamarine;">
      another sibling (line box 2)
  </span>
</div>

1.兄弟inline-level元素总是相邻放置吗?
我希望#span2在 * 另一个行框 * 中。
1.我怎样才能使2个同级的内联级元素位于单独的行框中呢?
如果你能给予我这种行为的规范,那就太好了。

s4n0splo

s4n0splo1#

我不太明白你想要什么。试试这个:
CSS

.my-class > * {
  display: block;
}

HTML

<div class="my-class">
  <em style="background-color: aqua;">
      Line box 1
  </em>
  <span id="span2" style="background-color: aquamarine;">
      another sibling (line box 2)
  </span>
</div>

相关问题