width,height的適應范圍

問題發現

之前發現input,img,iframe等標簽可以用width,height屬性。
不覺得奇怪嗎?他們明明是inline元素,按照常理是不能用width,height的

解惑

在MDN上,針對width和height有這樣的解釋:
Applies to all elements but non-replaced inline elements, table rows, and row groups
我翻譯一下:應用于除了非替換行內元素、table rows、row groups,所有元素。也就是說width,height屬性是對替換元素有效的。

參考文獻

  1. https://developer.mozilla.org/en-US/docs/Web/CSS/width
  2. https://developer.mozilla.org/en-US/docs/Web/CSS/height
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容