发布于 

块级元素

“块级元素”和“display 为 block 的元素”不是一个概念。

由于“块级元素”具有换行特性,因此理论上它都可以配合 clear 属性来清除浮动 带来的影响。

使用 block或使用 table,但不会使用list-item && Ps:设置display:list-item,会出现项目符号,他就会生成了一个附加盒子,学名“标记盒子”(marker box)用于存放原点、数字项目符号.

.在此之后又增添了display:inline-block ------”内在盒子“也叫作”容器盒子“。

display: block和display: inline-block与display: inline-table区别:

值为block的元素盒子实际由外在的”块级盒子“和内在的”块级容器盒子“组成,而inline-block的元素则是由外在的”内联盒子“和内在的”块级容器盒子“组成,值为inline的元素则内外均是“内联盒子”.display: inline-table的话则是外面是“内联盒子”,里面是“table 盒子”

display:inline-block元素既能和图文一行显示,又能直接设置宽与高,外面的盒子是inline,而里面盒子是block

Ps:display:block 可以理解为block-block,虽然没什么人说就是

而宽或高作用在“容器盒子上”


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。