ホームページ >ウェブフロントエンド >htmlチュートリアル >[bootstrap]bootstrap2 が div を垂直方向の中央に配置する方法_html/css_WEB-ITnose

[bootstrap]bootstrap2 が div を垂直方向の中央に配置する方法_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:23:131332ブラウズ

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

参考の一部は上記Webページのメソッドから引用しています。 bootsrap2 では、グリッド レイアウトを使用して div を水平方向に中央揃えにすることができます。では、水平方向に中央揃えされた div を垂直方向に中央揃えするにはどうすればよいですか? ">

a7a4a978f51de5c7a5cc151a8bb9069e

テキストテキストテキストテキストテキスト....
16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68

CSSコードで直接設定することで中央揃えを実現できます:

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

これでdivの水平方向と垂直方向の中央揃えを実現できます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。