HTML行内元素、块状元素、行内块状元素
HTML元素可以分为三种:行内元素、块状元素、行内块状元素。
1.行内元素(内联元素)
显式转换:display:inline;
所有:
- 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
特征:1) 设置宽高,行高无效
2) margin和padding:左右有效,上下无效
3) 设置对齐无效
4) 不会自动换行
2.块状元素
显式转换:display: block;
常见:<div> <h> <p> <ul> <table>
特征:1)可以设置宽高,行高,内外边距,对齐
2)自动换行
3.行内块状元素
显式转换:display:inline-block;
常见:<img> <input> <td>
特征:1)可以设置宽高,行高,内外边距,对齐
2)不自动换行