话题 首页 > CSS 教程 > CSS 教程话题列表 > 详情

HTML中块级元素与内联元素有什么区别 ?

精华
一路有你 2016-10-18 05:48:36 浏览(7755) 回复(6) 赞(0)
HTML中块级元素与内联元素有什么区别 ?各有哪些?
html css

回答(6)

小路依依 2016-10-18

块级元素:默认宽度是100%(继承自父元素),如果块对象没有采用“float:left”或“float:right;”的样式,相邻的两个块对象就会分排在不同的两行上。例如,div, p, h1, form, ul 是块元素的例子。

内联元素:宽度取决于其内部元素的宽度(width)与填充(padding)值之和,不可直接指定其宽度与高度(但如果使用“display:block;”或者“float:left/right;”样式后,可以强行转换成块对象,此时可以定义),相邻的两个内联对象会排在同一行上,不会从新行开始。例如:span, a, label, input, img 是inline元素的例子。

区别:

块里可以含行.也就是div块里可以有span;

但是内联元素内不能包含块元素;

内联存在margin-left和margin-right,但没有margin-top和margin-bottom,也不具有width/height。

而块元素具有width,height,margin等等;

内联元素可以通过改变它的display属性来变成块,来具有块的属性。

xiaochuan 2016-11-25

块元素占一行

内联元素在一行

佐为桀007 2018-01-04

块元素独占一行, 例如,div, p, h1, form, ul 是块元素的例子。 可以通过设置属性display: inline; 把块元素变成内联元素

内联元素在一行, 例如, span, a, label, input, img 是内联元素的例子。 可以通过设置属性 display:block;把内联元素变成块元素。

还有display: inline-block; 是设置内联-块元素。

一笔荒芜 2018-05-31

好慢呀,空空如也,半天不来大神解决,大佬在哪啦

1144100656 2018-05-31

刚学习程序,过来学习学习!!!!...

1152696398 2018-05-31

留名留名!!!,同样的问题,看看咋结局!!!

要回复,请先登录 或者注册