HTML中块级元素、行内元素、行内块元素的区别

块级元素、行内元素、行内块元素的区别

块级元素
1、多个元素存在一行
2、对宽高不生效

代表元素有：div、p、h1~h6、ul、li、dl、dt、dd、ol、table、td、th、tr、address、caption、field、form、hr、legend、noframes、noscripts、pre、tbody、tfoot、thead

行内元素
1、独占一行
2、对宽高生效

代表元素有：span、font、b、u、i、strong、em、a、br、abbr、label、samp、select、small、sub、sup、textare、tt、var

行内块元素
1、多个元素存在一行
2、对宽高生效

代表元素有：img、input、button

块级元素、行内元素、行内块元素的转换模式

display:block;//行内转为块级元素
display:inline;//块内转为行内元素
display:inline-block;//行内转为行内块元素