码迷,mamicode.com
首页 > 其他好文 > 详细

设置list-style-position,li元素嵌套块元素时,Firefox浏览器布局失效处理

时间:2015-05-13 18:34:01      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

将ul列表样式符号放到列表内,很自然地想到设置list-style-position:inside。但当li元素嵌套有块元素时,Firefox下悲剧了。

查看:http://codepen.io/xiaoyewen/pen/KpzMLO

Firefox下的效果成了这样的,Chrome与IE好好的

 技术分享

看来不能这样顺利地实现效果呀,无奈就换了思路,乖乖生成小黑点吧。

.list div::before {
  content: ‘.‘;
  font-size: 20px;
  position: relative;
  top: -2px;
}

 

设置list-style-position,li元素嵌套块元素时,Firefox浏览器布局失效处理

标签:

原文地址:http://www.cnblogs.com/ivon/p/4500829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!