行內元素 塊狀元素 內聯塊狀元素

2022-06-16 07:48:09 字數 457 閱讀 9183

行內元素 : div,h1-h6,p,pre,ul,ol,li,form,table等

常見的行內元素(無法自動換行,無法設定寬高)有:

a,img,span,i(斜體),em(強調),sub(下標),sup(上標),label等。

常見的內聯塊狀元素(擁有內在尺寸,可設定高寬,不會自動換行 )有:

(button,input,textarea,select), img等

置換元素:瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容。 

例如:瀏覽器會根據

標籤的src屬性的 值來讀取資訊並顯示出來,而如果檢視(x)html**,則看不到的實際內容;標籤的type屬性來決定是顯示輸入 框,還是單選按鈕等。 (x)html中 的

、、、、都是置換元素。這些元素往往沒有實際的內容,即是乙個空元素。

置換元素在其顯示中生成了框,這也就是有的內聯元素能夠設定寬高的原因。

行內元素 塊狀元素 行內塊狀元素

頁面元素主要分為三類 塊元素 行內元素,行內塊元素。三者可以通過display進行相互轉換 display block 塊元素 display inline 行內元素 display inline block 行內塊元素 1 塊元素 塊狀元素代表性的就是div,其他如p h1 h6 ul ol dl...

內聯元素(行內元素),塊狀元素,行內塊狀元素的區別

html 元素指的是從開始標籤到結束標籤的所有 元素的分類方式分為行內元素 塊狀元素和行內塊狀元素三種,這三者可以通過設定display屬性值實現相互轉化。1 display inline 轉換為行內元素 2 display block 轉換為塊狀元素 3 display inline block ...

HTML行內元素 塊狀元素 行內塊狀元素的區別

html元素可以分成行內元素 塊狀元素和行內塊元素。1 display inline 轉換為行內元素 2 display block 轉換為塊狀元素 3 display inline block 轉換為行內塊狀元素 行內元素的特徵 1 設定寬高無效 2 對margin僅設定左右方向有效,上下無效 p...