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值（水平方向有效，竖直方向无效）

块级元素可以包含块级元素和内联元素，而内联元素只能包含内联元素，不能包含块级元素

转载于:https://www.cnblogs.com/kino156/p/6409557.html