如何使用CSS将UL列表中的LI项换行显示

Question

3

在下面的图片中，列表超出了屏幕。我需要阻止ul的宽度。虽然已经应用了宽度，但仍然超出了ul的宽度。当前使用的CSS：

.menu ul{
width:100%;
max-width:100%;
}

enter image description here

- Harsimran Singh

2个回答

1

显示方式：内联（inline）；或者显示为内联块状元素（inline-block）。

两种方式都可行。

- Harsimran Singh

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Peter · Accepted Answer

试试这个

.menu li {
    display: inline-block;
}

支持程度还不错，这里有一个不错的总结。

如果有

如果您不必支持旧浏览器或愿意加载polyfill，则 flexbox 模型可以胜任。