行内元素
行内元素对应display:inline
常见的行内元素:span, stronh, em
块级元素独自占一行且宽度会占满父元素宽度,行内元素不会独占一行,相邻行内元素可以排在
同一行。
块级元素
块级元素对应display:bloc
常见的块级元素div, p, form,ul, ol, li
块级元素可以设置margin和padding属性,行内元素水平方向的margin和padding如margin-left
、padding-right可以产生边距效果,但是竖直方向的如padding-topmargin-bottom不会
产生边距效果
行内块级元素
块级元素对应display:inline-block
可以让元素具有块级元素和行内元素的特性:既可以设置长宽,可以让padding和margin生效
,又可以和其他行内元素并排。是一个很实用的属性
网友评论