前些天,利华说能不能让某个div或者其他块元素左右,及垂直居中,我想了一会,做了下面这个测试页面,在IE系列,FF,safari,opera下均通过。。主要是position的用法。。其实像很多light box使用的也是类似的方法:
css:
#bd{position:static;display:table-cell;}
#test{width:500px;height:500px;background:#DADADA;position:absolute;top:50%;left:50%;
margin-left:-250px;margin-top:-250px;}
structure:
< body id=”bd” >
< div id=”test” >< /div >
< /body >
左右,垂直居中的一个例子
关于first-child这个伪类
大家在前端开发中经常要对某些页面元素进行特定的控制,使得它能够以正确的样式呈现在浏览者的面前,既然要选择元素,那除了常见的一般选择器以外,css2.1还为我们制定了一些非常便捷的选择器,例如first-child。




