css3的精彩实例收集

div水平垂直居中

只能说厉害了word哥,一个div水平垂直居中的布局怎么都弄不好,最后使用了三行代码搞定。分享下:

传统是做法:

div {
height:25px;
line-height:25px;
overflow:hidden;
}

这段代码很简,后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行,这样就达不到垂直居中效果了

 

Leave a Reply

Your email address will not be published. Required fields are marked *