2、display

display是显示属性，可以操作标签的显示

1.none 不显示

2.block 块状显示

a. 默认独占一行 高度自适应

b.排列方式从上到下

c.块状元素可以直接通过宽高改变大小

d.可以通过margin：0 auto；实现左右居中

 

（对于块状元素，如果想要它自适应内容的高度，我们一般都把display设置为inline-block，这样不仅具有了内联元素的特质，同时也具备了一些块状元素的特征）

（记得width不要设置）

3.inline 内联显示

a.默认大小为内容大小

b.排列方式从左向右

c.内联元素不可以直接通过宽高改变大小

 

一般情况下，我们遇到了内联元素，我们都会直接让他呈块状显示（为什么不给内敛块显示呢，主要是块状元素可以通过margin：0 auto；实现左右居中，而inline-block不行）

4.inline-block 内联块显示

a.默认大小为内容大小

b.排列方式从左向右

c.内联块可以直接通过宽高改变大小

举例

但是可以通过padding改变宽高

如果有小伙伴还不理解，可以观看https://www.bilibili.com/video/BV13t4y1U7y8视频讲解，我感觉讲解的通俗易懂！

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！