內聯元素(inline element)一般都是基于語義級(semantic)的基本元素。內聯元素只能容納文本或者其他內聯元素，常見內聯元素"a"。

塊元素(block element)和內聯元素(inline element)都是html規范中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始。而當加入了css控制以后，塊元素和內聯元素的這種屬性差異就不成為差異了。比如，我們完全可以把

內聯元素cite加上display:block這樣的屬性，讓他也有每次都從新行開始的屬性。

?塊級標簽：顯示為“塊”狀，獨占一行

　　 不管內容多少都會占據一整行

　　 具有寬度和高度，可以通過width、height屬性設置寬高

?

?

行級標簽：在一行內按照先后順序顯示

　　只占據顯示自己內容的寬度，不會占據整行

　　不能通過width、height屬性設置寬高

　　 如果設置了float屬性或display屬性，就可以設置寬高

?

?

inline-block:不會占據整行，但可以通過width、height設置寬高

　　例如：圖片，按鈕，單復選框，單行/多行文本框等

?

?

可以通display屬性相互轉換： display:block/inline/inline-block

?

塊元素（block element）

• • address - 地址
  • blockquote - 塊引用
  • center - 舉中對齊塊
  • dir - 目錄列表
  • div - 常用塊級容易，也是css layout的主要標簽
  • dl - 定義列表
  • fieldset - form控制組
  • form - 交互表單
  • h1 - 大標題
  • h2 - 副標題
  • h3 - 3級標題
  • h4 - 4級標題
  • h5 - 5級標題
  • h6 - 6級標題
  • hr - 水平分隔線
  • isindex - input prompt
  • menu - 菜單列表
  • noframes - frames可選內容（對于不支持frame的瀏覽器顯示此區塊內容）
  • noscript - 可選腳本內容（對于不支持script的瀏覽器顯示此內容）
  • ol - 排序列表
  • p - 段落
  • pre - 格式化文本
  • table - 表格
  • ul - 非排序列表

?

內聯元素（inline element）

• • a - 錨點
  • abbr - 縮寫
  • acronym - 首字
  • b - 粗體（不推薦）
  • bdo - bidi override
  • big - 大字體
  • br - 換行
  • cite - 引用
  • code - 計算機代碼（在引用源碼的時候需要）
  • dfn - 定義字段
  • em - 強調
  • font - 字體設定（不推薦）
  • i - 斜體
  • img - 圖片
  • input - 輸入框
  • kbd - 定義鍵盤文本
  • label - 表格標簽
  • q - 短引用
  • s - 中劃線（不推薦）
  • samp - 定義范例計算機代碼
  • select - 項目選擇
  • small - 小字體文本
  • span - 常用內聯容器，定義文本內區塊
  • strike - 中劃線
  • strong - 粗體強調
  • sub - 下標
  • sup - 上標
  • textarea - 多行文本輸入框
  • tt - 電傳文本
  • u - 下劃線
  • var - 定義變量

可變元素

可變元素為根據上下文語境決定該元素為塊元素或者內聯元素。

• • applet - java applet
  • button - 按鈕
  • del - 刪除文本
  • iframe - inline frame
  • ins - 插入的文本
  • map - 圖片區塊（map）
  • object - object對象
  • script - 客戶端腳本

?

轉載于:https://www.cnblogs.com/shishixiaozi/p/5730454.html

總結

以上是生活随笔為你收集整理的块级元素与行级元素（内联元素）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。