内联元素和块级元素的 别整理
时间:2016-03-19 07:27 来源: 我爱IT技术网 编辑:佚名
display使用的最多属性值为:block(块级元素),inline(内联元素),inline-block(内联块元素)

通俗易懂的说:
块级元素(block):可以设置宽高,margin,padding值等;

块级元素P!
上面的显示的结果:
块级元素DIV!
块级元素P!
内联元素(inline):不可以设置宽高,margin,padding值等;
内联元素SPAN!
内联元素EM!
上面显示的结果(会在一排显示,这时你设置的宽高,margin,padding值都不起作用):
内联元素SPAN! 内联元素EM!
内联块元素(inline-block):可以设置宽高,margin,padding值
内联元素SPAN!
内联元素EM!
css:
span,em { padding: 0 5px; display: inline-block;}
上面显示的效果会在一排,但是同时宽高,margin,padding值也起作用;
内联元素SPAN! & 内联元素EM!

- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-

















































