我需要一个答案,或许美满,或许破碎,但我不想半途而废。
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