css中的img和input標籤

通常狀況下，行內元素設置寬高是無效的，常見的有a標籤。img和input也屬於行內元素，但他們卻能夠設置寬高！！！！

查閱了一些資料才明白，原來css的元素還有另一種分類方法，可替換元素，不可替換元素。

a）可替換元素

  瀏覽器根據標籤的屬性來決定元素的具體顯示內容。如img標籤，瀏覽器經過src屬性讀取圖片信息（包括圖片的寬高）來顯示出來。input標籤，經過它的type屬性來決定它是文本域(type="text')，仍是提交按鈕（type="submit"）等，對於表單元素，瀏覽器也有默認的樣式，包括寬度和高度。因此替換元素通常存在width和height屬性，能夠設置或更改其寬高。

b）不可替換元素

 大多數元素爲不可替換元素，其內容直接表現給客戶端（瀏覽器）；

 

幾乎大部分可替換元素都爲行內元素，如img，input。因此這也就是爲何行內元素img，input能夠設置寬高的緣由了。