我有一个服务器生成的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>像这样排列成桌子般的时尚:@H_502_5@
我现在所在的是以下css:@H_502_5@
li { display: block; width: 200px; float: left; margin: 10px; }
一切都很好,除了列没有得到相等的高度。而在上面的例子中,#4的“#”抓住了这个例子,结果并不是我想要实现的:@H_502_5@
解决方法
Inline blocks可能在这里很有用。