内联元素和块级元素的 别整理的简介

正在使用人数

display使用的最多属性值为:block(块级元素),inline(内联元素),inline-block(内联块元素)通俗易懂的说:块级元素(block):可以设置宽高,margin,padding值等;块级元素DIV!块级元素P!上面的显示的结果:块级元素DIV!块级元素P!内联元素(inline):不可以。

小知识:内联元素和块级元素的 别整理

内联元素和块级元素的 别整理

时间:2016-03-19 07:27    来源: 我爱IT技术网    编辑:佚名

display使用的最多属性值为:block(块级元素),inline(内联元素),inline-block(内联块元素)

内联元素和块级元素的 别整理

通俗易懂的说:

块级元素(block):可以设置宽高,margin,padding值等;

内联元素和块级元素的 别整理

块级元素DIV!

块级元素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!

内联元素和块级元素的 别整理


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

猜你喜欢:

与“内联元素和块级元素的 别整理”相关的热门小知识: