各大著名公司的一道css面试题
前言:
?
其实这道题很久之前了,但是有同学最近再次遇到了就说说吧,简单记录一下。
?
虽然个人觉得过于考试化,但是还是很能看出你的css功底和广度(遇到查过记录过)
?
?
题目:
?
?
?
?
css?
?
?
table-cell此元素会作为一个表格单元格显示(类似 <td> 和 <th>)?
浏览器支持上IE8+以及其他的主流浏览器(IE6和7不支持)
?
?
?
扩展阅读参考:
?
1.?http://www.zhangxinxu.com/study/200908/img-text-vertical-align.html
2.?http://www.wufangbo.com/css-vertical-and-horizontal-center
3.?http://www.planabc.net/2008/05/26/img_vertical_center_solution/
1 楼 windk 2011-10-25 博主你好,
我用你给的代码做了一个实验,确实可以实现 已知容器,未知图片的居中,但是对table-cell还是不清楚.
能否解释下
display:table-cell;
这个属性的作用呢? 2 楼 windk 2011-10-25 另外 display:table-cell; 在ie7 及以下是不被支持的.
.container 的 vertical-align:middle; 是没有用的,
因为 vertical-align这个属性只对block元素 和 inline-block 元素起作用. 3 楼 windk 2011-10-25 说错了,纠正下, vertical-align 是只对 inline 元素 和 inline-block元素起作用.
div是 block 类型的. 所以为他添加这个属性是不起作用的.