行内元素:
特点:
- 无法自动换行
- 一行可以放多个
- 不可设置宽高
- 默认宽度是本身内容宽度
- 行内元素的padding 可以设置
- margin 只能设置水平方向
b, big, i, small, tt
abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
a, bdo, br, img, map, object, q, script, span, sub, sup
button, input, label, select, textarea
块元素
特点:
- 自动换行
- 独占一行
- 可以设置宽高
- 默认宽度为父元素的宽度
div
p
h1-h6
ul
li
ol
dd
hr
table
menu
pre
aside
footer
blockquote
address
header
section
aside
footer
figure
form
hgroup
行内块元素
特点:综合块和行内元素的特点,可设置宽高,可以设置内外边距
img
input
td
标签转换
display: inline/inline-block/block/inline flex/none/flex/gird