1.行內元素與塊級元素直觀上的區別
行內元素會在一條直線上排列，都是同一行的，水平方向排列
塊級元素各佔據一行，垂直方向排列。塊級元素從新行開始結束接著乙個斷行。
2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。
3.行內元素與塊級元素屬性的不同，主要是盒模型屬性上
行內元素設定width無效，height無效(可以設定line-height)，margin上下無效，padding上下無效
獨佔一行：塊狀元素是，行內元素否；
能設寬高：塊級元素是，行內元素否；
豎直方向的margin,padding：塊級元素有，也可以設定；行內元素沒有，也不可以設定。
行內元素轉換為塊級元素
display:block (字面意思表現形式設為塊級)
行內元素 塊狀元素 行內塊狀元素
頁面元素主要分為三類 塊元素 行內元素，行內塊元素。三者可以通過display進行相互轉換 display block 塊元素 display inline 行內元素 display inline block 行內塊元素 1 塊元素 塊狀元素代表性的就是div，其他如p h1 h6 ul ol dl...
行內元素 塊狀元素 內聯塊狀元素
行內元素 div,h1 h6,p,pre,ul,ol,li,form,table等 常見的行內元素 無法自動換行，無法設定寬高 有 a,img,span，i 斜體 em 強調 sub 下標 sup 上標 label等。常見的內聯塊狀元素 擁有內在尺寸，可設定高寬，不會自動換行 有 button,in...
HTML行內元素 塊狀元素 行內塊狀元素的區別
html元素可以分成行內元素 塊狀元素和行內塊元素。1 display inline 轉換為行內元素 2 display block 轉換為塊狀元素 3 display inline block 轉換為行內塊狀元素 行內元素的特徵 1 設定寬高無效 2 對margin僅設定左右方向有效，上下無效 p...