在html中,<span>、<a>、<label>、 <strong> 和<em>就是典型的內聯元素(行內元素)(inline)元素。當然塊狀元素也可以通過代碼display:inline
將元素設置為內聯元素。如下代碼就是將塊狀元素div轉換為內聯元素,從而使 div 元素具有內聯元素特點。
div{
display:inline;
}
......
<div>我要變成內聯元素</div>
內聯元素特點:
1、和其他元素都在一行上;
2、元素的高度、寬度及頂部和底部邊距不可設置;
3、元素的寬度就是它包含的文字或圖片的寬度,不可改變。
小伙伴們你們觀查一下右側代碼段,有沒有發現一個問題,內聯元素之間有一個間距問題,這個問題在本小節的 wiki 中有介紹,感興趣的小伙伴可以去查看。
我來試一試:感受一下內聯元素的特點
在右側代碼編輯器中輸入各種內聯元素標簽,試一試他們的特點。
這一小節沒有正確性驗證,單擊“提交”按鈕進入下一小節學習。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報