博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
list-style-type:decimal在IE中显示全是1的解析
阅读量:4606 次
发布时间:2019-06-09

本文共 607 字,大约阅读时间需要 2 分钟。

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

为什么:

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; width: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之一。

转载于:https://www.cnblogs.com/visense/p/3210059.html

你可能感兴趣的文章
T-SQL函数总结
查看>>
python 序列:列表
查看>>
web移动端
查看>>
pythonchallenge闯关 第13题
查看>>
linux上很方便的上传下载文件工具rz和sz使用介绍
查看>>
React之特点及常见用法
查看>>
【WEB前端经验之谈】时间一年半,或沉淀、或从零开始。
查看>>
优云软件助阵GOPS·2017全球运维大会北京站
查看>>
linux 装mysql的方法和步骤
查看>>
poj3667(线段树区间合并&区间查询)
查看>>
51nod1241(连续上升子序列)
查看>>
SqlSerch 查找不到数据
查看>>
集合相关概念
查看>>
Memcache 统计分析!
查看>>
(Python第四天)字符串
查看>>
个人介绍
查看>>
使用python动态特性时,让pycharm自动补全
查看>>
MySQL数据库免安装版配置
查看>>
你必知必会的SQL面试题
查看>>
html5 Canvas绘制时钟以及绘制运动的圆
查看>>