水平无序列表

我可以在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

水平无序列表

回答

相关问题