读css世界记

3.1章节:

块级元素对应的英文是:block-level element,常见的有div,li,table。但块级元素和“display-block”不是一个概念,比如li元素默认的display值为list-item,table的display默认值为table。但是他们均是块级元素,因为他们都符合块级元素的特征,即一个水平流上单独显示一个元素,多个块级元素则换行显示。正是由于块级元素有换行显示的特性,所以理论上它们都可以配合clear属性来清除浮动带来的影响。

比如:

.clear:after{
     content:"",
     display: table | list-item | block
     clear:both; 
}    

实际开发中,我们要么使用block要么使用table,并不会使用list-item.有如下三个原因:

1):书写方便。

2):会出现不需要的项目符号,问题不大,可以再加一行:list-style-type:none;即可

3):IE(包括IE11)浏览器不支持伪元素的display值为list-item。普通元素设置此属性有效,但伪元素无效。

猜你喜欢

转载自www.cnblogs.com/tdd-qdkfgcs/p/11038907.html