ul li div 自动换行

在 HTML 中，ul 元素表示无序列表，li 元素表示列表项，div 元素表示文档中的一个分区或节。

要让 ul li div 自动换行，可以使用 CSS 的 `display: block` 属性。例如：

ul, li, div {
  display: block;
}

这样，每个 li 元素和 div 元素就会占据一整行，并且自动换行。

注意：这只是一种方法，并不是唯一的方法。如果您的需求不同，可能需要使用其他方法来解决自动换行的问题。

相关问题

div包含ul，ul包含三个li标签，怎么让li标签内容超过宽度自动换行，且另外两个li会垂直居中

你可以用 CSS 的 flex 属性来实现这个效果。具体做法是给 ul 标签添加 display: flex; align-items: center; 属性，这样它就会把 li 标签垂直居中。然后，给 li 标签添加 flex: 1; white-space: pre-wrap; 属性，这样它们就会自动换行，并且会平分 ul 的宽度。最后，你可以通过 CSS 的 padding 和 margin 属性来调整 ul 和 li 的间距和边距。

<div class="dh"> <ul class="dhul1"> <li>走进泰来</li> <li>新闻资讯</li> <li>品牌展示</li> <li>投资者关系</li> <li>苏酒文化</li> <li>销售服务</li> <li>典藏大典</li> </ul> <ul class="dhul2"> <li><a href="#">公司公告</a></li> <li><a href="#">行业行文</a></li> <li><a href="#">媒体评论</a></li> <li><a href="#">招商信息</a></li> <li><a href="#">洋河酒报</a></li> <li><a href="#">洋河视频</a></li> <li><a href="#">人才招聘</a></li> <li><a href="#">双沟酒业</a></li> <li><a href="#">官方旗舰店</a></li> <li><a href="#">留框占位</a></li> </ul> </div>让这段代码中的ul换行让ul直接不在同一行

可以使用CSS中的display属性来实现让这段代码中的ul换行，让ul直接不在同一行。具体实现方法如下：

在CSS中设置dhul1和dhul2的display属性为block：

.dhul1,
.dhul2 {
  display: block;
}

这样就可以让dhul1和dhul2分别占据一行，不在同一行了。