Home >Web Front-end >HTML Tutorial >[bootstrap]bootstrap2如何引导div垂直居中_html/css_WEB-ITnose

[bootstrap]bootstrap2如何引导div垂直居中_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:23:131334browse

参考网址:http://www.4byte.cn/question/138712/bootstrap-how-to-center-vertical.html

部分参考自上面网页中的方法.用过bootstrap的同学知道,bootsrap2中可以使用栅格布局让div水平居中,那么如何让水平居中的div又垂直居中呢?




Some text text text text text .....


直接在css里面设置就可以实现居中,css代码:

/*web background*/.container{   display:table;   height:100%; }.row{   display: table-cell;   vertical-align: middle;}

这样就实现了div的水平加垂直剧中了,完毕!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn