コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-06-24 11:23:13
オリジナル
1315 人が閲覧しました

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

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

< div class="span4 offset4" style="padding:5 20 5 20;">

テキストテキストテキストテキストテキスト....




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

/*web background*/.container{   display:table;   height:100%; }.row{   display: table-cell;   vertical-align: middle;}
ログイン後にコピー

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

関連ラベル：
[bootstrap]bootstrap2如何引导div垂直居中
ソース：php.cn
前の記事：HTML5 Google エレキギターをキーボードで演奏可能_html/css_WEB-ITnose 次の記事：背景画像と背景色の問題_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1955
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2117
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1786
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1687
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1696
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート