首页 > 代码库 > html的块级元素与内联元素

html的块级元素与内联元素

css规定每个网页元素都有一个display属性,用于确定该元素的类型。

 

块级元素:(display:block)

div、p、ul、li、ol、dl、form、address、h1-h6、table、blockquote、fieldset、memu、center等

块级元素会独占一行,其宽度自动填满父元素宽度

可以设置width、height属性,即使设置了width,仍独占一行

可以设置margin、padding的top、right、bottom、left四个方向值

内联元素:(display:inline)

span、a、label、img、input、textarea、select、 cite、q、strong、em等,其中img、input、textarea属于特殊的内联元素inline-block

内联元素不会独占一行,相邻元素会排列在同一行内,直到一行排不下才会换行,其宽度随元素内容而变化

无法设置width、height属性

可以设置margin、padding的right、left值,无法设置top、bottom值(水平方向有效,竖直方向无效)

html的块级元素与内联元素