的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