block { display: block; }
在CSS中,大家可以使用”display”属性来定义元素的显示方式。其中,”block”代表块级元素。块级元素会占用一整行,相邻的两个块级元素会自动换行。
而如果大家定义的元素不属于块级,则会默认采用“行内作用域”的方式,即相邻的元素并不会换行。
inline { display: inline; }
不过,有时大家希望让一些本应为“行内元素”的元素采取“块级代替”的方式,以划分各个部分,这时就要用到另外一个属性值,就是”display: inline-block;”
inline-block { display: inline-block; }
这种方法既可以实现块级元素产生的空行效果,又可以不占据整个宽度从而不影响相邻元素。
总之,在CSS中,块级作用域和行内作用域的选择是十分重要的,因为它们直接影响到页面的布局。掌握好块级作用域的相关属性,就能更好地掌控页面布局与样式。