html - 是否可以在子元素中重新定义 white-space css 属性？

Question

我使用这样的 html 布局在一行中呈现段落和列表:

<div style="white-space: nowrap;">
    <p><img src="somesrc" /></p>
    <ul>
       <li>message message message message message.</li>
       <li>message.</li>
       <li>message.</li>
    </ul></div>

但是 white-space: nowrap 应用于 li-elements 内的文本。是否可以重新定义 li 元素中的空白属性？

Answer 1

当然你可以给他们设置white-space: normal。

但我建议你使用 css:

.block{
    white-space: nowrap;
}
.block li{
    white-space: normal;
}

你也可以使用更简单的注释:

.block p{
    white-space: nowrap;
}

请注意，在我的示例中，您应该将类​​ block 添加到根 div。