关于display的一些理解

it2023-01-22  73

display有五个属性,block, inline, inline-block , inherit, none

1.block

display:block 代表将该元素转化为块元素,关于块元素和行元素可以参考我的上一篇文章

当该元素转换为块元素时候该元素将存在前后的换行符,同时该元素的上下border及padding将可供调整

2.inline

display:inline 代表将该元素转化为行元素,当该元素被转化为行元素时他将失去前后的换行符同时该元素的border及padding属性中的上下属性将无法调整,该元素的高度将由字体大小以及文章内容所决定

3.line-block

display:line-block该属性混合了块元素及行元素的的特点它拥有行元素排列在同行的特点同时块元素拥有的border.padding可调整它也拥有

4.inherit

该属性继承了父类的类别在此不作多述

5.none

display:none

在该参数下,该标签将不会被显示出来

最新回复(0)