空间线断裂

Question

是否可以让CSS将空格视为换行符？我有HTML像：

<li>This and That</li>

我希望它显示为：

This
and
That

Answer 1

您可以尝试使用

设置样式

width: 0;

与默认的overflow: visible一起，会产生这种效果。 Demo

但请注意，强制溢出可能会产生undesired behavior。

修改：将其与display: table（而不是block）或display: inline-table（而不是inline-block）一起使用可以解决这些问题。

Answer 2

您也可以通过执行

来定义宽度

li {
    width: 100px;
    word-spacing: 100px;
    list-style: none;
}

以下是fiddle