那一夜，块级/行内元素逼疯了我

定义

  • 块级元素（垂直排列）
    一个元素独自占据一整行。
  • 行内元素（水平排列）
    可以和其他行内元素共同占据一行。

区别

  • 直观上，块级元素独占一行，行内元素可以与行内元素共同占用一行。
  • 块级元素可以包含块级元素和行内元素，但是行内元素不能包含块级元素。
  • 行内元素与块级元素在盒模型上的属性不同。即行内元素设置width/height无效，但是line-height有效，margin/padding上下无效左右有效。
  • 块级元素默认宽度与浏览器相同，与包含的内容无关，而行内元素则与所包含的内容宽度相同。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容