html - inside div 自动适应 li in ie 的宽度

Question

<div style='width:500px'>  
<ul>  
  <li> some text in 1 line</li>  
  <li> some text in 1 line</li>  
  <li> some text 2 line</li>  
  <li> some 2</li>  
  <li> 2</li>  
</ul>
</div>

我不知道在 ie 中显示元素的正确 css 代码是什么:

前两个结果自动适合第一行，其余结果在第二行。 所以基本的想法是让 li 根据数据大小获得自己的宽度。

提前致谢

Answer 1

我看到有两种方法可以实现您的要求:

选项 1: 制作<li>标签 display:block; , 和 float:left;

选项 2: 制作<li>标签 display:inline-block;和 white-space:nowrap;

我自己会选择选项 2，因为它可以避免使用 float 时出现的怪癖。此外，您可能会发现您最终还是需要 nowrap，即使是选项 1。

[编辑]

您可能还需要设置 <ul> 的样式标签。也许width:100%;和/或 display:block; .

我还是说display:inline-block;和 white-space:nowrap;应该为 <li> 做这件事标签。但如果它不起作用，如果你说它不起作用的方式会有所帮助。

此外:您也一直在说某些答案在 IE 中不起作用，但您没有说哪个版本的 IE -- IE6、7、8 和 9 具有非常不同的级别对 CSS 的支持；这将有助于了解您需要支持哪些。