42.CSS display property

  • block

  • inline

使用pro
  • 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

改完之后,

不能占据一行了

不能并排排列了

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

  • inline-block帮助你

  • 如下图所示

截屏2019-12-04下午3.33.40.png
  • 另外还有一个属性,是none

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

你可能感兴趣的:(42.CSS display property)