電話面試,被問到行內元素和塊級元素的區別。
我回答說,塊級元素獨占一行,可設置寬高。行內元素不會獨占一行,且不能設置寬高。
然后面試官問我,img和input是行內元素么,他們能設置寬高嗎?
我一想,是啊,這兩個也是行內元素,不過卻能設置寬高啊。於是當場被問住了,說不出所以然。。。
然后自己查閱資料,發現了這篇博文,為何img、input等內聯元素可以設置寬、高
豁然開朗,原來img和input是替換元素,他們是有內在尺寸的。如果不設定寬高,會以默認寬高顯示。需要注意的是,幾乎所有的可替換元素都是行內元素。
而行內元素中的非替換元素,如<a> <span> <em> <i>等元素是不可設定寬高的。