块元素(可设置宽高,会换行, padding、margin四个方向都有效):
div, p, ul, li, h1-h6, input
行内元素(不可设置宽高,不会换行, padding、margin只有水平方向有效):
a, span, label, img
display:
inline-block: //将元素转换为行内块元素,父节点宽度容许的话不换行
block: //将元素转换为块元素,不管宽度都会换行
inline: //将元素转换为行元素,设置的宽高会失效,父节点宽度容许的话不换行
float: //可以将元素转换为行内块元素
注意:
input 属于行内块元素
div, p, ul, li, h1-h6, input
行内元素(不可设置宽高,不会换行, padding、margin只有水平方向有效):
a, span, label, img
display:
inline-block: //将元素转换为行内块元素,父节点宽度容许的话不换行
block: //将元素转换为块元素,不管宽度都会换行
inline: //将元素转换为行元素,设置的宽高会失效,父节点宽度容许的话不换行
float: //可以将元素转换为行内块元素
注意:
input 属于行内块元素