0

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 は実際にはありません。font-size、color、margin-bottom だけです。

4

2 に答える 2

0

要素に display inline プロパティを追加してみてください。

display: inline;

また

display: inline-block;
于 2013-07-19T00:32:13.430 に答える