0

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

4

2 回答 2

0

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

display: inline;

或者

display: inline-block;
于 2013-07-19T00:32:13.430 回答
0

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

于 2013-07-19T05:34:24.170 回答