文章目錄

• 行內元素的特點
• 行內元素清單
• 可變元素列表

inline element. 也叫行級元素、內聯元素。

行內元素默認設置寬度是不起作用，需設置 display:inline-block 或者 block 才行。

行內元素的特點

可以和其他元素處于一行，不用必須另起一行；

元素的高度、寬度及頂部和底部邊距不可設置；

元素的寬度就是它包含的文字、圖片的寬度，不可改變；

對 margin 僅設置左右方向有效，上下無效；

padding設置上下左右都有效，即會撐大空間；

行內元素尺寸由內含的內容決定；

行內元素的盒模型中 padding，border 與塊級元素并無差異；

行內元素的水平方向的 padding-left、padding-right、margin-left、margin-right 都產生邊距效果，但是垂直方向的 padding-top、padding-bottom、margin-top、margin-bottom 都不會產生邊距效果。

行內元素清單

元素名稱說明

<a>	標簽定義超鏈接，用于從一張頁面鏈接到另一張頁面。
<abbr>	表示一個縮寫形式
<acronym>	定義只取首字母縮寫
<b>	粗體(不推薦)
<strong>	粗體強調
<bdo>	改變文本的顯示方向，正常顯示文本從左至右，例如，some，如果改成從右到左，則會顯示成 emos
<big>	大號字體加粗
<br>	換行
<dfn>	定義字段
<em>	斜體強調
<i>	斜體文本效果，好像效果和 <em> 相同呀
<font>	規定文本的字體、字體尺寸、字體顏色，不贊成使用
<input>	文本輸入框
<kbd>	定義鍵盤文本
<s>	中劃線，不推薦使用，推薦使用 <del>
<strike>	中劃線；<strike> 標簽可定義加刪除線文本定義。不推薦使用，推薦使用 <del>
<del>	刪除線
<samp>	定義范例計算機代碼，定義樣本文本
<select>	項目選擇，下拉列表；創建單選或多選菜單
<span>	常用內聯容器，組合文檔中的行內元素
<sub>	定義下標文本
<sup>	定義上標文本
<textarea>	多行文本輸入框
<tt>	呈現類似打字機或者等寬的文本效果
<u>	下劃線
<var>	定義變量
<cite>	cite 標簽通常表示它所包含的文本對某個參考文獻的引用，比如書籍或者雜志的標題。按照慣例，引用的文本將以斜體顯示。
<code>	定義計算機代碼文本
<dfn>	可標記那些對特殊術語或短語的定義 ，也是斜體效果呀
<img>	向網頁中嵌入一幅圖像
<label>	為 input 元素定義標注（標記）
<q>	定義短的引用，瀏覽器經常在引用的內容周圍添加引號
<small>	呈現小號字體效果

可變元素列表

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

元素名稱說明

<button>	按鈕
<del>	定義文檔中已被刪除的文本
<iframe>	創建包含另外一個文檔的內聯框架（即行內框架）
<ins>	定義已經被插入文檔中的文本。請與 <del> 一同使用，來描述文檔中的更新和修正，<ins> 包含的文本通常會顯示下劃線
<map>	客戶端圖像映射（即熱區）
<object>	object 對象
<script>	客戶端腳本

總結

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

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