css li分行

烟碎雨落花甽醉 6个月前 135浏览 0评论

CSS中的li分行是指在HTML文档中的列表（

<ul>

或

<ol>

）中的每个列表项（

<li>

）在显示时，是否分行显示。分行显示指在列表项的内容过长时，列表项的内容自动换行到下一行进行显示。

常常，我们需要对列表项的样式进行定制，包括列表项文本的颜色、字体、行高、字母间距等。其中，关于li分行的问题，我们可以通过设置列表项的样式来控制列表项是否分行显示。

/* 不分行 */
li {
  white-space: nowrap;
}

/* 分行显示 */
li {
  white-space: normal;
}

上述代码中，

white-space

属性指定了元素内空白的处理方式。当值为

nowrap

时，列表项的内容将不自动换行，全部显示在一行中；当值为

normal

时，元素内的空白部分将被忽略，列表项的内容可以自动换行到下一行。

需要注意的是，对于有序列表（

<ol>

），设置

元素的分行显示将不会影响列表项的序号。

总之，在CSS中控制li分行的方式可以通过设置

white-space

属性来实现，具体情况需要根据实际需要进行设置。