我想知道是否可以在 CSS 中做到这一点，而不需要 javascript：
N 的列表<li>items，内联显示，等宽，且宽度全部等于容器的宽度
我可以有3个<li>项，在本例中为<li>宽度将为 33%，或者我可以有 4<li>项目，那么 li 宽度将为 25%。
这是使用的完美示例display: table。
适用于现代浏览器和 IE8+...
支持图 http://caniuse.com/#search=table%20display
JSFiddle http://jsfiddle.net/web5me/kwRwm/
css:
ul {
display: table;
width: 100%;
table-layout: fixed; /* optional, for equal spacing */
border-collapse: collapse;
}
li {
display: table-cell;
text-align: center;
vertical-align: middle; /* or similar, if needed */
}
html:
<ul>
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
