魅族面试的一个问题,img是行内元素,为什么也可以设置框高?
2016-09-23 21:32
429 查看
1.魅族一面面试官问我一个问题,img是什么元素?
我第一反应是行内元素。判断一个元素是行内元素,还是块元素,无非就是看它是否是独占一行。img标签显然没有独占一行,固它是行内元素。这没有问题。
2.接下来,面试官又问,既然img是行内元素,那为什么可以通过CSS设置框高呢?
这一问,给我问住了,确实之前没有想过这个问题,翻了一下资料,大概比较好的解释就是:
尽管img是行内元素,但同时它也是置换元素,置换元素一般内置框高属性,因此可以设置其框高。
3.引申问题:那么什么又是“置换元素”呢?
置换元素就是会根据标签属性来显示的元素。反之就是非置换元素了。
比如img根据src属性来显示,input根据value属性来显示,因此可知道img和input是置换元素,当然同理textarea, select,也是置换元素
最后吐槽一下,魅族面了我三面,都让准备三方协议了,最后还把我拒绝了。。。好气
我第一反应是行内元素。判断一个元素是行内元素,还是块元素,无非就是看它是否是独占一行。img标签显然没有独占一行,固它是行内元素。这没有问题。
2.接下来,面试官又问,既然img是行内元素,那为什么可以通过CSS设置框高呢?
这一问,给我问住了,确实之前没有想过这个问题,翻了一下资料,大概比较好的解释就是:
尽管img是行内元素,但同时它也是置换元素,置换元素一般内置框高属性,因此可以设置其框高。
<img src="/i/mouse.jpg" [code]height="200" width="200"/>[/code]
3.引申问题:那么什么又是“置换元素”呢?
置换元素就是会根据标签属性来显示的元素。反之就是非置换元素了。
比如img根据src属性来显示,input根据value属性来显示,因此可知道img和input是置换元素,当然同理textarea, select,也是置换元素
最后吐槽一下,魅族面了我三面,都让准备三方协议了,最后还把我拒绝了。。。好气
相关文章推荐
- (转)css 相对定位 绝对定位 浮动 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”
- CSS3 GENERATOR可以同时为一个元素完成border-radius、box-shadow、gradient和opacity多项属性的设置
- 【前端攻城狮之路】为何img、input等内联元素可以设置宽、高?——替换元素的引出
- B2C外贸网站产品设计和功能需求,一个产品设置了在多个类别里面都可以看到,以及Email模板问题
- 关于div中放入一个img元素导致div高度会多出几个像素的解决问题
- 为什么在元素设置float之后就可以改变宽和高了呢?
- 在JIRA的一个项目中,如何设置让项目中的问题可以设置不同的权限让不同的人看到。
- 内联/块级元素的宽高及margin/padding的说明 |||||| 为何img、input等内联元素可以设置宽、高
- 【面试的坑】行内元素是否可以设置宽高
- 为什么有的行内元素可以设置宽高
- 可以给img元素设置背景图
- 一个疑惑,为什么在二维数组里可以自动换行存入字符串,以及冒泡的趟数问题?
- 行内元素在为什么设置浮动后可以设置高宽??
- 新问题: 两个样式对同一个元素操作,为什么最新的样式没有起作用?(已解决)
- 块级元素和块元素,行内级元素和行内元素 ,置换元素与非置换元素 (img是行内元素,但是可以设置高度,因为他本身具有一定的高度和宽度,是置换元素,所以可以设置高度和宽度)
- 关于div中放入一个img元素导致div高度会多出3px像素的解决问题
- shiro SessionDao不设置CacheManager也可以使用缓存的一个问题
- 客户端浏览器爬虫在爬取动态生成的img元素及动态设置src属性的问题
- 问题-[Delphi]在对GRID设置单击为编辑时,其他GRID可以,但有一个GRID不行?