display:block;的作用是什么?

对所有的块元素都没有意义,块元素的dispaly属性默认值为block,没必要再显式定义——除非你之前对块元素的display属性重新定义过。

display:block;比较常用于<a><span>这两个标签——因为这两个标签非块元素,如果不用display:block定义一下,那么定义width、height等和长宽相关的css属性时会发现完全不生效。

display是显示的方式,block是有结构,inline是没有结构(没有宽和高)比如a标签a没有结构,就是没有宽高,如果设置了为block,就可以有宽高了,还可以设置背景图片。

滚动至顶部