display是控件的css属性之一,表示的是显示模式。
1.display:block:意思是让对象成为块级元素。
通常情况下:block元素会独占一行,多个block元素会各自新起一行,元素前后有换行符。
2.display:inline:(1)inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline元素不会独占一行,在有多个元素同时设置inline时,它会依次并排排列,当排列时的宽度不够的时候,它会自动跳转到下一列。
(2).inline元素设置width,height属性无效。(同理:同为 padding, margin时,设置padding-top等等都是无效的)。
3.display:inline-block:(1)既有display:block,又有display:inline的一些特征。
(2)可以在宽度足够的情况下,并排排列元素。
(3)对比display:inline,display:inline-block可以设置width,height。
Web:的block,inline,inline-block分类
最新推荐文章于 2022-04-14 08:32:19 发布