html - 如果内容为 "block"，是否可以显示为 "line breaks"，否则显示为 "inline"？

Question

我的代码看起来有点像这样:

<div class="some-class">
    <span>NameOfThing</span>
    <div class="block-or-inline">
        <span style="white-space: nowrap">ValueOfThing1</span>
        <span style="white-space: nowrap">ValueOfThing2</span>
    </div>
</div>

如果 div.block-or-inline 中的内容比其容器的宽度短(没有换行符)，我希望所有内容都呈现在一行上。但是，如果内容更宽 - 导致换行 - 我希望 BOTH 跨越内部以换行。

这可能吗？

Answer 1

我刚刚离开键盘几分钟，意识到解决这个问题的一个简单方法是将我想要换行的两段内容放在相同的“white-space: nowrap”范围下:

<div class="some-class">
    <span>NameOfThing</span>
    <span style="white-space: nowrap">ValueOfThing1 ValueOfThing2</span>
</div>