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

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

什么是行内元素
  • 行内元素设置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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容