常见的块级元素与行内（内联）元素有哪些？它们有什么区别？

我需要一个答案，或许美满，或许破碎，但我不想半途而废。

 

1.默认情况

哪些HTML标签是块级元素、哪些是内联元素？

 

块级元素（display:block/table;）：div、h1-h6、p、table、ul、ol、dl、li、dl、dt、dd……

行内元素（display:inline/inline-block;）：span、a、

img、input、button……

 

2.块级元素和行内（内联）元素的区别

块级元素

 

• 独占一行
• 可以设置宽高，width默认为100%(父级元素宽度），height默认为0
• 可以容纳内联元素和块级元素

行内元素

• 一行可放置多个
• 不能设置宽高，宽高由内容撑开
• 水平方向的 padding 和 margin 属性可以使用（内边距的 top/bottom和外边距的top/bottom都不能设置）
• 只能容纳文本和内联元素

行内替换（置换）元素（也被称作行内块元素）

• 一行可放置多个
• 可以设置宽高，默认宽高由内容撑开
• 常见的行内替换元素：img、input