的jsfiddle未对齐:http://jsfiddle.net/UXA5Q/第一个孩子列表项目在Chrome浏览器(苹果机/ Windows)中
我有以下的HTML代码:
<ul class="advisorlist">
<li>
<div class="employee">
<address>
<a title="E-mail John Doe" href="http://www.example.com/employee.html" rel="nofollow" class="email"><strong>John Doe</strong></a>
<br><em>Academic Advisor</em>
<br>Phone: 540-351-5555
<br>Fax: 540-351-5555
</address>
</div>
</li>
<!-- etc -->
</ul>
下面CSS代码:
ul.advisorlist {
clear:both;
list-style: none;
}
ul.advisorlist li {
float: left;
padding: 0;
margin: 10px 10px 0 10px;
width: 140px;
min-height: 200px;
height: auto !important;
height: 200px;
}
列表中的第一项在Mac/Windows上的Chrome中未对齐。 Chromium,FF,Safari,IE等正确显示所有列表项。
任何想法?
感谢您对清楚的信息! 其他的东西是有用的,例如。最小高度是针对这些列表项目中的图像,但我为这个问题严格删除了列表项目。 – 2013-02-26 20:08:46