CSS中可以通过display属性来设置一个元素是块级元素还是行内元素,其中display:block表示把元素设为块级元素,display:inline表示把元素设为行内元素。除此之外还有display:inline-block,表示把元素设为行内块级元素,它既可以像行内元素一样在一行内排列,又可以像块级元素一样设置宽度、高度等属性。
/*设置元素为块级元素*/ div{ display:block; } /*设置元素为行内元素*/ span{ display:inline; } /*设置元素为行内块级元素*/ button{ display:inline-block; }
有些元素本身就是块级元素,比如<div>和<p>,它们在默认情况下就会以块级元素的形式显示。而有些元素比如<span>和<a>则是行内元素,需要通过CSS来修改其display属性才能变为块级元素或行内块级元素。
使用块级元素可以使页面布局更加灵活,可以方便的设置元素的大小、位置和间距等属性,同时也可以使页面结构更加严谨,便于维护和修改。因此,在进行页面布局时,大家需要合理的使用CSS来控制元素的显示方式,达到大家想要的效果。