img 標(biāo)簽為何沒有轉(zhuǎn)化為塊級元素即可設(shè)置寬高有效？
我在別教程里看到說對內(nèi)聯(lián)元素設(shè)置寬高無意義，應(yīng)該將其轉(zhuǎn)為塊級元素后再設(shè)置?？墒沁@里只是將
#content?.item?li?{display:?inline;}??還是內(nèi)聯(lián)元素啊，為何在下面設(shè)置?img?標(biāo)簽的寬高有效果呢？
icycai
2015-04-08
2 回答
舉報
0/150
提交
取消
2016-05-18
因為我們在學(xué)HTML的時候，就說過了，img和input是內(nèi)聯(lián)塊狀元素，成行排列，具有2者的屬性，自然可以設(shè)寬高。這個不可以去前面的對應(yīng)部分看一下，有這個設(shè)定的。
2015-04-08
在文檔類型定義（DTD）中對不同的元素規(guī)定了不同的類型，這也是DTD對文檔之所以重要的原因之一。
從元素本身的特點來講，可以分為不可替換元素和替換元素。
不可替換元素
(X)HTML 的大多數(shù)元素是不可替換元素，即其內(nèi)容直接表現(xiàn)給用戶端（例如瀏覽器）。
如：<h1>我是標(biāo)題</h1>
?替換元素
替換元素就是瀏覽器根據(jù)元素的標(biāo)簽和屬性，來決定元素的具體顯示內(nèi)容。
例如瀏覽器會根據(jù)<img>標(biāo)簽的src屬性的值來讀取圖片信息并顯示出來，而如果查看(X)HTML代碼，則看不到圖片的實際內(nèi)容；又例如根據(jù)<input>標(biāo)簽的type屬性來決定是顯示輸入框，還是單選按鈕等。
(X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替換元素。這些元素往往沒有實際的內(nèi)容，即是一個空元素。
如：<img src="tigger.jpg"/>
? ? ?<input?type="submit"?name="Submit"?value="提交"/>
替換元素一般有內(nèi)在尺寸，所以具有width和height，可以設(shè)定。例如你不指定img的width和height時，就按其內(nèi)在尺寸顯示，也就是圖片被保存的時候的寬度和高度。
對于表單元素，瀏覽器也有默認(rèn)的樣式，包括寬度和高度。