html中设置li换行

在HTML中，使用li> 标签可以创建一个项目列表，但是有时我们需要在列表一个项目内容过长而需要换行。这时，我们可以使用CSS来控制是否在li> 标签内部自动换行。

li{
      white-space: pre-wrap;
}
    

上面的CSS代码使用了white-space属性并将其值设置为pre-wrap。这个CSS属性的作用是控制文本的空白符如何处理。

其实，标准的white-space属性值包括normal、nowrap、pre、pre-line和pre-wrap，我们这里只用到了其中的pre-wrap值，这表示保留空格和换行符，自动换行。

通过将white-space设置为pre-wrap，我们可以在每个li> 项目内，自动换行任何文本。

下面是一个示例，可以让你更好的理解如何在HTML中设置li> 标签换行：

ul>
      li>
    这个项目列表中的内容很长，需要多行显示br>
    要以避免出现水平滚动条，可在CSS中添加如下代码/li>
      li>
    这个项目列表的第二个内容同样很长，需要多行显示br>
    所以我们也在CSS中添加了white-space: pre-wrap;
    来自动换行/li>
    /ul>
    

上面的代码段将自动在第一个li> 项目的第一行的末尾插入一个br> 标签以强制换行。在第二个li> 项目中，我们使用CSS的white-space属性来控制文本自动换行。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！