溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹css中行元素跟塊元素有什么區別，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
相同點：1、行元素和塊元素都具有display屬性，用于規定元素應該生成的框的類型；2、行元素和塊元素都可以設置左右水平方向的margin和padding值。
本教程操作環境：windows7系統、css3版本，該方法適用于所有品牌電腦。
行元素（又名內聯元素）跟塊元素都是html規范中的概念。塊元素(block element)一般是其他元素的容器元素，能容納其他塊元素或內聯元素。內聯元素(inline element)一般都是基于語義級(semantic)的基本元素，只能容納文本或者其他內聯元素。
塊元素的特點：
總是另起一行（特立獨行）
可以設置其寬度、高度，內外邊距
在不手動設置寬度的情況下，寬度默認為所在容器的100%（即容器寬度）
可以容納行內元素和其他塊元素。
行元素的特點：
總是和相鄰的行內元素在同一行上（物以類聚）
設置寬高無效，水平方向的padding和margin屬性可以設置，但是垂直方向上的無效。
默認寬度是他自身內容的寬度。
行內元素只能容納其他行內元素或者文本。
行元素跟塊元素的相同點
1、都具有display屬性，規定元素應該生成的框的類型。
2、都可以設置左右方向的margin和padding值
塊元素與行元素的區別
1.塊元素，總是在新行上開始；內聯元素，和其他元素都在一行上。
2.塊元素，能容納其他塊元素或內聯元素；內聯元素，只能容納文本或者其他內聯元素。
3.塊元素中高度，行高以及頂和底邊距都可控制；內聯元素中高，行高及頂和底邊距不可改變。
(這上面的區別，指的是默認情況下的，不包括CSS的刻意控制。也就是說當使用css控制時，塊元素和內聯元素的屬性差異會越來越小。)
以上是“css中行元素跟塊元素有什么區別”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
