.block { display: block; }
当一个元素被设置为block时,它会以块级元素的形式展现。块级元素会占用一行,而且其宽度会默认撑满其父元素的宽度。
p { display: block; }
例如,以上代码将会将所有的p元素设置为块级元素,并且其会单独占据一行。
div { display: block; width: 50%; margin: 0 auto; }
此外,大家还可以设置一个块级元素的宽度和居中方式来达到更好的页面布局效果。
总而言之,CSS的block属性在进行页面布局时起到了非常重要的作用。