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

0.12字数 255阅读 58

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

什么是行内元素
  • 行内元素设置widthheight无效 //行内元素可以设置line-height设置其高度。
  • 行内元素可以与行内元素同时在一行
  • 行内元素设置上下marginpadding无效
  • 行内元素不能包含块级元素,只能包含文本
什么是块级元素
  • 块级元素无论widthheigth大小 都单独占一行
  • 块级元素总是在新行开始
  • 块级元素可以容纳行内元素和其它块级元素

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

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

推荐阅读更多精彩内容