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

行内元素:

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;。

原文出处:
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。