溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
塊級元素和行內元素的區別是什么？針對這個問題，今天小編總結這篇有關塊級元素和行內元素的文章，希望能幫助更多想解決這個問題的朋友找到更加簡單易行的辦法。
塊級元素
1、總是從新行開始
2、高度、行高、外邊距以及內邊距都可以控制
3、寬度默認是瀏覽器的100%
4、可以容納內聯元素以及其他塊元素
行內元素
1、和相鄰元素在一行上
2、高、寬無效，但是水平方向的padding和margin可以設置，垂直方向無效
3、默認寬度就是它本身內容的寬度
4、行內元素只能容納文本或其他行內元素（a除外）
注意：
1、只有文字才能組成段落，因此p里面不能放置塊級元素，同理還有這些標簽h2-h7，dt等，它們都是文字塊級標簽，里面不能放置其他塊級元素
2、鏈接里面不能再放置鏈接
塊級元素和行內元素的區別
塊級元素的特點：
1、總是從新行開始
2、高度、行高、外邊距以及內邊距都可以控制
3、寬度默認是瀏覽器的100%
4、可以容納內聯元素以及其他塊元素
行內元素的特點：
1、和相鄰行內元素在一行上
2、高、寬無效，但是水平方向的padding和margin可以設置，垂直方向無效
3、默認寬度就是它本身內容的寬度
4、行內元素只能容納文本或其他行內元素（a除外）
行內塊標簽 inline-block
在行內元素中有幾個特殊的標簽--<img />、<input>、<td>，可以對他們設置寬高和對齊屬性，有些資料可能會稱它們為行內塊元素。
特點：
1、和相鄰行內元素（行內部）在一行上，但是之間會有空白間隙；
2、默認寬度是它本身內容的寬度
3、高度、行高、外邊距以及內邊距都可以控制
標簽顯示模式轉換 display
塊轉行內：display:inline;
行內轉塊：display:block;
塊、行內元素轉換為行內塊：display:inline-block;
看完上述內容，你們對塊級元素和行內元素的區別大概了解了嗎？如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
