水平無序列表

我可以在5秒內完成一個表，但我試圖通過使用CSS避免它，在FF中看起來很好，但問題是它在IE中不起作用（第二個li出現在第一個li）水平無序列表

<ul style="list-style-type:none; margin:0px; padding:0px"> 
    <li style="width:120px; display:table-cell; padding: 1px;"><?=$m['make']?></li> 
    <li style="width:30px; display:table-cell; padding: 1px;"><input id="changemanufacturer" type="checkbox"></li> 
</ul>

來源

2011-03-16 jim smith

如果您使用的是IE7或IE8，請確保您的DOCTYPE存在，以避免它以怪癖模式呈現。

使用HTML4嚴格或HTML5 DOCTYPES在IE8工作對我來說

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<body> 
    <ul style="list-style-type:none; margin:0px; padding:0px"> 
     <li style="width:120px; display:table-cell; padding:1px;">asdf</li> 
     <li style="width:30px; display:table-cell; padding: 1px;"> 
     <input id="changemanufacturer" type="checkbox"> 
     </li> 
    </ul> 
</body> 
</html>

HTML5：<!DOCTYPE html>

來源

2011-03-16 18:05:50 foson

不要使用表格單元格。做：

<li style="width:120px; display:inline; float:left;">Boo!</li>

當然，你應該有你的CSS外部，但我會假設它只是爲了簡化問題。

來源

2011-03-16 17:45:23

它的顯示：內聯這是你的朋友。 – 2011-03-16 17:48:00

水平無序列表

回答

相關問題