CSS中有兩種基本元素:塊元素和行元素。
塊元素: { display:block; }
塊元素會獨占一行,它的高度、寬度、邊距、內邊距都可以設置。
行元素: { display:inline; }
行元素不會獨占一行,相鄰的行元素會排在同一行,它的高度、寬度、邊距、內邊距只有左右邊距和左右內邊距可以設置,高度和寬度都由內容決定。
同時,CSS中還有一種將行元素轉化為塊元素的方法:
行塊元素: { display:inline-block; }
行塊元素既可以設置高度、寬度、邊距、內邊距,也可以與相鄰行塊元素排在同一行。
總的來說,塊元素和行元素在網頁布局中都有很重要的作用。使用它們可以讓網頁更加靈活,實現多種多樣的排版效果。
下一篇Python相比于C