内元素和块级元素的区别?

标签:2024-07-06 23:45:19

行内元素:

1、不会独立占领一行,使用的时候后面不会有换行符的元素。eg:

2、这些元素,默认的高宽,总是其内容的高宽。

3、设置margin和padding值时,只有左右有效。

常见元素有:span, strong, img, a 等。

块级元素:

1、会独立占领一行,他们后面会自动带有换行符。eg:

2、在没有设置宽度的情况下,默认宽度总是其父元素的宽度。

3、设置margin和padding值时,只有有效。

常见元素有:div , p ,form , ul , li , ol , dl 等。

行内元素转换成块元素,只要设置其display属性为block即可,display:block; 。

块元素转换成行内元素,只要将其display属性设置为inline即可,display:inline;。

原文出处:http://www.dongblog.com/notes/106.html
来源:博客网 转载请注明出处!

活跃用户

L
Ta还没有签名
末路陌路细碎尘埃
Ta还没有签名
上善若水小可爱
Ta还没有签名
452225298
Ta还没有签名

友情链接


Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093

Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093