img为啥可以设置宽高?
2017-08-02 15:14
155 查看
今天写作业 发现 img明明是行内元素 为什么可以设置宽高啊 我还以为是我记错了 img不是行内元素。
img确实是行内元素 但它也是置换元素 。
置换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。
例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来,而如果查看(X)HTML代码,则看不到图片的实际内容;
又例如根据<input>标签的type属性来决定是显示输入框,还是单选按钮等。
所以 img input select textarea button label 等,他们被称为可置换元素(Replaced element)。
他们区别一般inline元素是:这些元素拥有内在尺寸 内置宽高 他们可以设置width/height属性。他们的性质同设置了display:inline-block
的元素一致。
img确实是行内元素 但它也是置换元素 。
置换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。
例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来,而如果查看(X)HTML代码,则看不到图片的实际内容;
又例如根据<input>标签的type属性来决定是显示输入框,还是单选按钮等。
所以 img input select textarea button label 等,他们被称为可置换元素(Replaced element)。
他们区别一般inline元素是:这些元素拥有内在尺寸 内置宽高 他们可以设置width/height属性。他们的性质同设置了display:inline-block
的元素一致。
相关文章推荐
- 利用img标签,可以为网站设置多张默认图片
- 为何img、input等内联元素可以设置宽、高
- 为何img、input等内联元素可以设置宽、高??
- 魅族面试的一个问题,img是行内元素,为什么也可以设置框高?
- 浅谈为何img、input等内联元素可以设置宽高
- 为何img、input等内联元素可以设置宽、高
- 为何img、input等内联元素可以设置宽、高
- 为何img、input等内联元素可以设置宽、高
- 【前端攻城狮之路】为何img、input等内联元素可以设置宽、高?——替换元素的引出
- 可以给img元素设置背景图
- 为何img、input等内联元素可以设置宽、高
- 为何img、input等内联元素可以设置宽、高
- 为何img、input等内联元素可以设置宽、高
- 内联/块级元素的宽高及margin/padding的说明 |||||| 为何img、input等内联元素可以设置宽、高
- 块级元素和块元素,行内级元素和行内元素 ,置换元素与非置换元素 (img是行内元素,但是可以设置高度,因为他本身具有一定的高度和宽度,是置换元素,所以可以设置高度和宽度)
- 可以给img元素设置背景图
- 块级元素和块元素,行内级元素和行内元素 ,置换元素与非置换元素 (img是行内元素,但是可以设置高度,因为他本身具有一定的高度和宽度,是置换元素,所以可以设置高度和宽度)
- 为何img、input等内联元素可以设置宽、高?
- 为何img、input等内联元素可以设置宽、高