CSS 中的行级元素和块级元素
2018-07-05 本文已影响0人
远山1984
CSS 中的行级元素,和块级元素。
常见块级元素:div p form ul ol li 等;
常见的行内元素:span stronh em;
差别:
一 . 块级元素: 块级元素会占满一行。 WIDTH 会默认占满父容器WIDTH。
行级元素: 行级元素一般不会独占一行。相邻行内元素可排在同一行。
二 . 块级元素可以设置WIDTH和HEIGHT,行内元素设置WIDTH和HEIGHT无效,而且块级元素即使设置了宽度也还是独占一行。
三 . 块级元素可以设置MARGIN和PADDING属性 。 行内元素水平方向的MARGIN和PADDING如MARGIN-LEFT,PADDING-LEFT 可以产生边距效果。但是竖直方向的如 PADDING-TOP , MARGIN-BUTTON不会生产边距效果。