是否有可能在子元素中重新定义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-elements中的空白属性？

Answer 1

当然你可以设置白色空间：正常。

但我建议你使用css：

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

您也可以使用更简单的说明：

.block p{
    white-space: nowrap;
}

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

Answer 2

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;