IE中的div内部列表对齐问题答案

【问题标题】：div inside list alignment issue in IEIE中的div内部列表对齐问题
【发布时间】：2013-07-19 13:34:24
【问题描述】：

我的 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。只有字体大小、颜色和底部边距。

【问题讨论】：

标签： php html css internet-explorer

【解决方案1】：

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

display: inline;

或

display: inline-block;

【讨论】：

【解决方案2】：

你能提供你的css吗？那会很有帮助！
您能具体说明为什么在 li 中使用 div 而不是 adding style to anchor tag 或 placing a child ul inside li 吗？

【讨论】：