首页 > 其他 > 详细

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

时间:2015-05-13 18:33:03      阅读:208      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!