元素顯示模式有3種，塊元素，行内元素，行内塊元素，他們分别有自己的特點。
一、塊元素
常見塊級元素：h1-h6,p,div,ul,ol,li.典型的是div
特點：
1.獨占一行。
2.高度，寬度，内外邊距,自己設定。
3.預設寬度是父級容器寬度的100%
4.塊級元素為文本标簽時(p,h1)，内部放置塊元素無效。
5.塊級元素為文本标簽時(p,h1)，内部放置行内元素有效
以上特點代入如下：
View Code
頁面如下；
二、行内元素
常見行内元素:<a>,<strong>,<em>,<i>,<del>,<s>,<ins>,<u>,<span>,典型的是<span>
1.一行上可以有多個行内元素，元素之間有空隙。
2.高，寬設定是沒有效果的。
3.預設寬度就是它本身内容的寬度。
4.行内元素内部職能放置文本或則其他行内元素
例外：
1.<a>内部不允許在放置<a>，因為不知道跳轉到哪個a。
2.<a>内部可以放置塊級元素
三、行内塊元素
常見元素：<img/><input/><td>
描述：他們同時具備行内元素和塊元素的特點。
1.一行上可以有多個行内塊元素,元素之間有空隙。（行内元素特點）
2.預設寬度是本身文本内容的寬度（行内元素特點）
3.高度，寬度，内外邊距可以設定(塊級元素特點）
代碼如下：
四、元素顯示模式轉換
1.将行内元素轉換成塊級元素，則行内元素具有塊級元素的特性。
2.将塊元素轉換成行内元素，則塊元素具有行内元素的特性。
3. 将行内元素轉化成行内塊元素
3.1 行内元素轉換為行内塊元素
3.2 塊元素轉換為行内塊元素
作者：kaer_invoker