html 內聯元素和html 塊級元素概述及區別

2021-09-02 16:28:49 字數 338 閱讀 4567

塊級元素(block)特性: 

•總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示; 

•寬度(width)、高度(height)、內邊距(padding)和外邊距(margin)都可控制; 

內聯元素(inline)特性: 

•和相鄰的內聯元素在同一行; 

•寬度(width)、高度(height)、內邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變,就是裡面文字或的大小; 

html塊級元素和內聯元素

塊級元素 就是乙個方塊,像段落一樣,預設佔據一行出現 內聯元素 又叫行內元素,顧名思義,只能放在行內,就像乙個單詞,不會造成前後換行,起輔助作用。一般的塊級元素諸如段落 標題.列表,body 元素的內容會顯示在瀏覽器中。title 元素的內容會顯示在瀏覽器的標題欄中。從上圖的例子可以看出,塊級元素預...

html 內聯元素和html 塊級元素概述及區別

塊級元素 block 特性 總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示 內聯元素 inline 特性 和相鄰的內聯元素在同一行,接下來為大家詳細介紹下,感興趣的朋友可以參考下哈 塊級元素 block 特性 總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示 寬...

html塊級元素和內聯元素小結

block element 塊級元素 顧名思義就是以塊顯示的元素,高度寬度都是可以設定的。比如我們常用的 預設狀態下都是屬於塊級元素。塊級元素比較霸道,預設狀態下每次都佔據一整個行,後面的內容也必須再新起一行顯示。當然非塊級元素也可以通過css的display block 將其更改成塊級元素。此外還...