-
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的作用不一样,这个是隐藏,但是控件的空间还在那里