什么是行內元素？

2017年04月09日 17:06:52bwf_erg閱讀數：1012標簽：行內元素使用

我們都知道在html元素分為行內元素和塊級元素。在實際開發中，會經常把他們弄混淆，而且很難記住。下面我們就來教會大家如何記住行內元素的

下面是我們常用的一些行內元

<a>	錨點
<b>	字體加粗
<big>	大號字體
<br>	換行
<em>	定義為強調的內容
<i>	斜體文本效果
<img>	圖像
<input>	輸入框
<label>	標簽為input元素的標注
<select>	單選或多選菜單
<small>	小號字體
<span>	組合文檔的行內元素
<strong>	強調內容
<sub>	定義下標
<sup>	定義上標
<textarea>	多行文本輸入框

這里要強調一點，我們必須要記住這些行內元素，這里寫下幾句便于記憶行內元素的語句。

字體大小要加粗，

組合圖像輸入框，

錨準斜體的菜單，

強調換行上下標

那么行內元素該如何使用呢？

1.行內元素會在一條直線上排列，在同一行從左至右水平排列。直到一行排不下，才會換行。

2.行內元素設置寬、高、margin上下、padding上下無效（豎直無效）。

3.行內元素設置line-height，margin左右、padding左右有效（水平有效）。

4.行內元素的寬高隨標簽里的內容而變化。

行內元素轉換為塊級元素

display:block (字面意思表現形式設為塊級)、

行內元素和塊級元素區別是 行內元素設置寬高是沒用的。 但是有些行內元素不是這樣的。

inherit 屬性

能夠繼承到子類的樣式屬性非常有限，僅是文字、字體、顏色... 子類如果還想繼承父類的屬性，可以通過inherit強制繼承。

總結

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

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