标签归档:css

css3的精彩实例收集

div水平垂直居中

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

justify-content:center;//子元素水平居中
align-items:center;//子元素垂直居中
display:-webkit-flex;

传统是做法:

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

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