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

小知识

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

• 块级元素的特点：
  1.总是在新行上开始
  2.高度、行高以及内外边距都可以控制
  3.宽度默认是它容器的100%，除非设置一个值
  4.它可以容纳内联元素和其他块级元素

• 内联元素的特点：
  1.和其他元素都在同一行
  2.高度、行高以及内外边距都不可控制
  3.宽度就是它的文字或图片的高度，不可改变
  4.内联元素只能容纳文本或者其他内联元素

常见的块级元素：address、center、div、dir、from、h1-h6、hr、ol、ul、li、table、p、pre、menu 等

常见的内联元素：a、b、br、em、font、i、img、input、label、select、span、strong、textarea