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

这个 行内元素与块级元素的特性的坑，终于踩过去了。
这是初级前端们经常踩的一个坑，了解后对页面布局会有一个飞一般的长进。

什么是行内元素

• 行内元素设置width和height无效 //行内元素可以设置line-height设置其高度。
• 行内元素可以与行内元素同时在一行
• 行内元素设置上下margin和padding无效
• 行内元素不能包含块级元素，只能包含文本

什么是块级元素

• 块级元素无论width和heigth大小 都单独占一行
• 块级元素总是在新行开始
• 块级元素可以容纳行内元素和其它块级元素

• 常见行内元素有哪些：
  a span img input i s em
• 常见块级元素有哪些：
  div p a ul li ol dl form h1~h6

文章所有权归陈俊豪以及饥人谷所有，转载须说明来源