html – 网格布局的UL CSS

概述我有一个服务器生成的html像： <ul> <li><!-- few nested elements that form a block --></li> <li><!-- few nested elements that form anaother block --></li> <li><!-- etc, X times --></li></ul> 所有的块已知宽度为2 我有一个服务器生成的HTML像：

<ul>    <li><!-- few nested elements that form a block --></li>    <li><!-- few nested elements that form anaother block --></li>    <li><!-- etc,X times --></li></ul>

所有的块已知宽度为200像素和未知高度。我想要< li>像这样排列成桌子般的时尚：

我现在所在的是以下CSS：

li {    display: block;    wIDth: 200px;    float: left;    margin: 10px;}

一切都很好，除了列没有得到相等的高度。而在上面的例子中，#4的“#”抓住了这个例子，结果并不是我想要实现的：

是否有纯CSS跨浏览器的方式，将允许网格布局我想要，不会强制标记更改？

解决方法 Inline blocks可能在这里很有用。 总结

以上是内存溢出为你收集整理的html – 网格布局的UL CSS全部内容，希望文章能够帮你解决html – 网格布局的UL CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。