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)不自动换行