我的 li 标签中有一个 div,它在除 IE 之外的每个浏览器中都显示正确对齐。
在 IE 中,由于某些原因决定将数字放在 div 上方。这是屏幕截图。
IE:
其他所有浏览器(本例中为 Chrome):
代码:
HTML 是用这个 php 生成的:
//iterate the new ordered array and echo html
foreach($sort_array as $ID=>$val)
{
//get the title and author
$query = "SELECT ID, TITLE, SUBTITLE FROM $usertable WHERE ID='{$ID}'";
$result = mysql_query($query);
$row = mysql_fetch_assoc($result);
//echo the data with html formating
echo '
<li>
<div class="article">
<a href="/Articles/' . $row["ID"] . '">
<h2>' . $row["TITLE"] . '</h2>
<h3>' . $row["SUBTITLE"] . '</h3>
</a>
</div>
</li>
';
}
这里确实没有可能影响格式的 CSS。只是字体大小、颜色和底部边距。