Rumah > hujung hadapan web > html tutorial > [bootstrap]bootstrap2如何引导div垂直居中_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:23:13
asal
1380 orang telah melayarinya

参考网址: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;}
Salin selepas log masuk

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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan