html可以將元素分類方式分為行內元素、塊狀元素和行內塊狀元素三種，一般使用display，進行三者的轉換。
display: inline;將元素轉換為行內元素；
display: block;將元素轉換為塊級元素；
display: inline-block;將元素轉換為行內塊級元素。
行內元素（display: inline）
特點：
1. 和其他元素都在一行上；
2. 高，行高及外邊距和內邊距不可改變；
3. 寬度就是它的文字或的寬度，不可改變；
4. 內聯元素只能容納文字或者其他內聯元素
常見行內元素：span、strong、em、s、u、a等
塊級元素（display: block）
特點：
1. 總是在新行上開始；
2. 高度，行高以及外邊距和內邊距都可控制；
3. 寬度預設是它的容器的100%，除非設定乙個寬度；
4. 它可以容納內聯元素和其他塊元素
常見的塊級元素：
- h1~h6,hr
- div,dir(目錄列表),dl(定義列表)
- table,ul.ol,li,form,fieldset(from控制組)
- p,pre
- address,blockquote,center
- menu(選單列表)
- noframes(對於不支援frame的瀏覽器顯示此區塊內容)
- noscript(對於不支援script的瀏覽器顯示此內容)
行內塊級元素（display: inline-block）
特點：
1. 不自動換行
2. 能夠識別寬高
3. 預設排列方式為從左到右
常見行內塊級元素： input、img、button
塊級元素，行內元素，行內塊元素
內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...
塊級元素，行內元素，行內塊元素
獨佔一行，對寬高的屬性值生效 如果不給寬度，預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行，對寬高的屬性值不生效，靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...
HTML中塊級元素 行內元素 行內塊元素的區別
塊級元素 1 多個元素存在一行 2 對寬高不生效 代表元素有 div p h1 h6 ul li dl dt dd ol table td th tr address caption field form hr legend noframes noscripts pre tbody tfoot th...