html - 两个无序列表并列

我有两个无序列表，我试图将它们并排放置。
这适用于 Firefox、Safari 和 Chrome & IE8。但不是 IE 7 或兼容模式。

这是标记:

<span>
   <ul style="list-style-type: none; display: inline-block;">
      <li>1</li>
      <li>2</li>
   </ul>

   <ul style="list-style-type: none; display: inline-block;">
      <li>3</li>
      <li>4</li>
   </ul>
<span>

基本上预期是:

1  3
2  4

最佳答案

IE 7 不能正确处理 inline-block。有关详细信息，请参阅 http://flipc.blogspot.com/2009/02/damn-ie7-and-inline-block.html，但简而言之，将以下样式添加到您的列表中:

zoom:1; *display: inline; _height: 30px;

关于html - 两个无序列表并列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6472178/