您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關CSS中block級和inline級對象的區別是什么,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
CSS中block級和inline級對象的區別
這個看似簡單的問題事如果能透徹地理解,會受益匪淺。
◆下圖講解了block級對象和inline級對象的區別:
◆下面是block級對象和inline級對象的基本區別:
Block級對象會自然地水平充滿其父容器,因此沒有必要為之設置100%寬度屬性
Block級對象的起始擺放位置是其父容器的左上邊界,并順排在其前面的兄弟Block對象的下方(除非設置float或絕對位置)
Inline級對象會忽略其寬度和高度設置
Inline級對象會隨著文字排版,并受排版屬性的影響(如white-space,font-size,letter-spacing)
Inline級對象可以使用vertical-align屬性控制其垂直對齊,block級對象不可以
Inline級對象的下方會保留一些自然的空間,以適應字母g一類的會向下探出的筆畫
一個設置為float的inline對象將變成block對象
關于CSS中block級和inline級對象的區別是什么就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。