0

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

<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 中的内容比其容器的宽度短（没有换行符），我希望所有内容都呈现在一行上。但是，如果内容更宽 - 导致换行 - 我希望两者都跨越内部以换行。

这可能吗？

4

2 回答 2

1

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

<div class="some-class">
    <span>NameOfThing</span>
    <span style="white-space: nowrap">ValueOfThing1 ValueOfThing2</span>
</div>
于 2017-03-29T00:04:46.833 回答
0

如果要在一行中呈现内容，可以将 css 属性设置为 overflow:hidden; 到 div.block-or-inline 和特定宽度，如果内容比 div 更宽，其余部分将消失。这是一种显示内容的方法，避免换行。

于 2017-03-29T00:00:16.573 回答