php - IE 中的 div 列表对齐问题

Question

我的 li 标签中有一个 div，它在除 IE 之外的所有浏览器中都显示正确对齐。

在 IE 中，出于某些原因决定将数字放在 div 之上。这是屏幕截图。

即:

所有其他浏览器(在本例中为 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。只是字体大小、颜色和下边距。

Answer 1

尝试将显示内联属性添加到您的元素。

display: inline;

或

display: inline-block;