如果内容“换行符”显示为“块”，但显示“内联”，否则可以显示吗？

我有代码看起来像这样有点：如果内容“换行符”显示为“块”，但显示“内联”，否则可以显示吗？

<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-或内联里面的内容比它的容器（不换行）的宽度短，我想所有的内容在一条线上渲染。但是，如果内容更广泛 - 导致换行 - 我希望两者都跨越到新的界限。

这可能吗？

来源

2017-03-28 tedtoy

如果你想渲染一行内容，你可以把css属性overflow：hidden; div.block-inline和一个特定的宽度，如果内容对div更宽，剩下的就会消失。这是一种显示避免换行的内容的方法。

来源

2017-03-29 00:00:16 Argenis

是的，溢出隐藏也是一个有用的属性。但它__有消失的副作用.. – tedtoy

你说得对，是问题，但如果你试图放置更多的文本内容容器的宽度接受，文本将被换行。 – Argenis

我刚刚离开了我的键盘几分钟，并意识到一个简单的方法来解决这个问题将放置我想要在同一个“白色空间：nowrap”下打破新行的两个内容，范围：

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

来源

2017-03-29 00:04:46 tedtoy

如果内容“换行符”显示为“块”，但显示“内联”，否则可以显示吗？

回答

相关问题