我有一个内部有多个 span 的 div。跨度包含不能拆分为多行的文本,因此我设置了 whitespace: nowrap。这确实会正确停止每个子跨度内的换行,但也会阻止父 div 换行子跨度,因此所有跨度都在一条延伸到页面之外的单行上。
如何更改此行为,以便 nowrap 仅适用于每个跨度的内容?
最佳答案
选项 1
<style>
.nowrap { white-space: nowrap; }
</style>
<div>
<span class="nowrap">span 1</span>
<span class="nowrap">span 2</span>
<span class="nowrap">span 3</span>
<span class="nowrap">span 4</span>
<span class="nowrap">span 5</span>
</div>
选项 2
<style>
.myDiv span{ white-space: nowrap; }
</style>
<div class="myDiv">
<span>span 1</span>
<span>span 2</span>
<span>span 3</span>
<span>span 4</span>
<span>span 5</span>
</div>
关于css - whitespace nowrap css for children but not parent,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3944087/