行内元素:
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
来源:博客网 转载请注明出处!