Question

我遇到谷歌浏览器的问题。问题是第一个列表项的项目符号是浮动的，而所有其他列表项的项目符号在左侧正确对齐。

这是我的代码：

 <div class="window_sub_title2">The Interface</div>          
 <ul>
     <li>Toolbox </li>
     <li>Context Menus </li>
     <li>Tool Options Bar </li>
     <li>Menu Bar </li>
     <li>Palette Well </li>
     <li>Rulers </li>
     <li>Guides and grid </li>
     <li>Navigating in Photoshop </li>
     <li>Shortcuts </li>
     <li>File  Browser </li>
 </ul>

这是它在chrome中的外观：http://www.flickr.com/photos/41695354@N08/4807767137/

以下是实际的link。

Answer 1

这个CSS解决了我的问题：

li {
    clear:left;
}

Answer 2

li {
list-style-position: inside;
}

为我工作！

Answer 3

使用CSS手动覆盖子弹的间距和填充的所有默认值。

Answer 4

可以找到here in the bug reports的背景信息，其中包含测试用例here。只有在您将float:left应用于块时才会发生这种情况。建议的修复方法是clear:left;，但您可能需要小心定位，这样您就不会意外地清除没有错误的元素（如菜单）。

Answer 5

我遇到过这种问题。我通过这样做来解决这个问题。请仔细看看代码风格。我希望它会对你有所帮助。

<ul>
     <li>Toolbox </li><li>
         Context Menus</li><li>
         Tool Options Bar </li><li>
         Menu Bar </li><li>
         ------ 
        File  Browser </li>
 </ul>

第一个列表项（<li>）浮动在谷歌浏览器</li>

5 个答案: