1. 程式人生 > >可替換元素—行級元素可以設置寬高?

可替換元素—行級元素可以設置寬高?

單選按鈕 設置 原因 type屬性 元素 根據 代碼 取圖 label

上篇文章講的是行級元素與塊級元素,明明說了行級元素不可設置width,height屬性,而為何img、input等行級元素可以設置寬、高???

看官莫急,下面我會詳細解答。

可替換元素

1. 替換元素就是瀏覽器根據元素的標簽和屬性,來決定元素的具體顯示內容。例如瀏覽器會根據<img>標簽的src屬性的值來讀取圖片信息並顯示出來,而

如果查看(X)HTML代碼,則看不到圖片的實際內容;又例如根據<input>標簽的type屬性來決定是顯示輸入框,還是單選按鈕等。

2. 他們區別一般inline元素是:這些元素擁有內在尺寸 內置寬高,他們可以設置width/height屬性

。他們的性質同設置了display:inline-block

的元素一致。

3.常見的可替換元素有:img,input,select ,textarea,button,label 等,這些元素往往沒有實際的內容,即是一個空元素。

這就是有些行級元素可以設置寬高的原因了,不知看官是否明白~

可替換元素—行級元素可以設置寬高?