0

因此，我尝试了几乎所有在此处发布的解决方案，以使列表项在 IE10 中向左浮动。它适用于 IE8 和 9，但出于某种原因，它在 10 中将它们堆叠在一起。

我尝试将文档类型更改为包括：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我还尝试将容器 div 设置为溢出：隐藏，我对 li 元素做了同样的事情，并且还删除了项目的边距。有人建议设置 li 项目的宽度，但鉴于这是可更新的文本，我不能这样做。我也尝试过使用 display:inline-block。都没有解决...

这是一个代码片段：

    <ul id="menu-main-menu-left" class="main-menu">
      <li id="menu-item-14" class="menu1" link="http://placehold.it/300/ea3e59&amp;text=sandals"><a rel="menuitem">Sandals</a></li>
      <li id="menu-item-34" class="menu2" link=""><a href="http://ssekodesigns.lc/how-to-tie/">How To Tie</a></li>
      <li id="menu-item-16" class="menu3" link="http://placehold.it/300/ea3e59&amp;text=leatherbags"><a rel="menuitem">Leather Bags</a </li>
    </ul>

    .main-menu li{
   font-family: 'Josefin Slab', Times , sans-serif;
   font-weight:600;
   font-size:11pt;
   text-transform:uppercase;
   line-height:15pt;
   text-align:center;
   float:left;
   overflow: hidden;
   margin: 0;
    }

有没有人有关于如何让这些正确显示的建议？

提前致谢。

4

1 回答 1

1

这个问题通常可以通过在包含的 div 上放置一个固定的宽度来解决。

于 2013-06-13T15:30:06.523 回答