代码之家  ›  专栏  ›  技术社区  ›  Brad

列表项左侧的光盘显示在底部

  •  5
  • Brad  · 技术社区  · 16 年前

    正在发生的事情的屏幕截图:

    它只是欠序列表中的一个列表项,这在IE7中发生,而在其他任何地方都不会发生。

    <ul>
    <li>填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文本。填充文字。</li>
    &L/UL & GT;
    
    .fancybox-entry.computer-policy li(计算机策略li){
    浮动:无;
    宽度:100%;
    列表样式类型:光盘;
    底部边缘:10px;
    }
    
    .fancybox-entry.computer-policy ul+p{
    页底:20px;
    }
    
    .fancybox-entry.computer-policy保险箱{
    裕度:5px 0 10px 25px;
    }
    < /代码> 
    
    

    如有任何帮助,请说明为什么要这样做,并感谢您的帮助。

    它只是一个未排序列表中的列表项,这发生在IE7中,其他地方都没有。

    <ul>
      <li>Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text.</li>
    </ul>
    
    .fancybox-entry.computer-policy li {
        float:none;
        width:100%;
        list-style-type:disc;
        margin-bottom:10px;
    }
    
    .fancybox-entry.computer-policy ul + p {
        margin-bottom:20px;
    }
    
    .fancybox-entry.computer-policy ul {
        margin:5px 0 10px 25px;
    }
    

    关于为什么要这样做以及如何解决的任何帮助,我们都将不胜感激。

    2 回复  |  直到 12 年前
        1
  •  5
  •   peterjmag    16 年前

    似乎width css属性触发了 li IE7中的元素。首先尝试移除 width:100%; 声明以确保项目符号出现在正确的位置。如果没有width属性,则可以使用 position: relative; vertical-align: top; 将项目符号移回原位,如中所述 http://www.gunlaug.no/tos/moa_26.html .

    请注意,该页面上的代码使用黑客攻击IE6和IE7。我建议使用条件注释,比如:

    <!--[if IE 7]>
      <style type="text/css" media="screen">
        /* IE7-specific CSS here */
      </style>
    <![endif]-->
    
        2
  •  0
  •   Jeff    12 年前

    我的声誉仍然很低,无法发表评论,否则我会在彼得杰马格的回答中加上这个。(也许他可以把它包括进来…)

    width属性是罪魁祸首,但我建议进行不同的更改。要确保列表元素在IE7中占满了宽度,请改用“width:auto”。这将给你同样的外观,你的子弹点将采取适当的位置。我发现“垂直对齐:顶部/文本顶部”只会将项目符号点推到我想要的位置的北边一点。

    如果您没有条件类或IE样式表,只需使用“*width:auto”作为IE7的目标。