42.CSS display property

• block

• inline

使用<span>pro<span>

• span element 是一个inline display element

• h1,p之类是block

常见的inline元素

那既然inline那么方便，为什么还会有block呢

截屏2019-12-04下午3.26.25.png

如图所示，inline无法改变其宽度

我们能改变它们的display属性，如下图所示

截屏2019-12-04下午3.29.04.png

改完之后，<p>不能占据一行了

<span>不能并排排列了

所以当我们想要既能修改宽度，又能占据一行的时候怎么办呢

• inline-block帮助你

• 如下图所示

截屏2019-12-04下午3.33.40.png

• 另外还有一个属性，是none

• 另外一个是visibility: hidden;跟none的作用不一样，这个是隐藏，但是控件的空间还在那里