zoukankan      html  css  js  c++  java
  • list-style-type:decimal在IE中显示全是1的解析

    今天在布局的时候碰到了一个老问题,以前也没多大去注意,相信大家也都一样,现在简单的贴下:

    为什么:

    list-style-type:decimal在ie中显示的全是1,在其他浏览器中却正常显示。

    部分代码html:
      <ul >
        <li>aaa</li>
        <li>aaaaaaaaa</li>
        <li>aaaaaaaaaaaaaaa</li>
        <li>aaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
        <li>aaaaaaaaaaaaaaaaaaaaa</li>
      </ul>
    css:
    .ul{list-style-type:decimal; 300px; height:auto}
    .ul li{height:30px; line-height:26px; float:left; height:26px}

     

    解决方法:

    只要把li{height:30px; line-height:26px; float:left; height:26px}中的宽度width、高度height去掉,则显示正常。

    :如果用ol也是和ul同个道理,不要给ol  li 设置宽和高的样式。

    原因:

    给li设定高度之后,会触发IE6/7的hasLayout,列表记数会被复位。

    这是浏览器的经典bug之一。

  • 相关阅读:
    1509 -- Glass Beads POJ
    1043: [HAOI2008]下落的圆盘
    面向对象的特性一:封装性
    java的值传递机制
    可变参数的形参方法
    方法的重载
    类及对象
    面向对象
    数组的常用算法问题
    数组的常见异常
  • 原文地址:https://www.cnblogs.com/visense/p/3210059.html
Copyright © 2011-2022 走看看