1

ブートストラップ構造には 2 つの列 (div { float: left; }ご存知かもしれませんが) があります。問題は、1 つのコンテンツをdiv中央 (縦) にすることです。したがって、2 番目の列の高さに関係なく、2 番目の列は常に中央になります。

これはテキスト行ではありません。私の場合は画像とタイトルになります。要素の 2 つのブロック。

例を次に示します: http://jsfiddle.net/almino_melo/L4rK5/。

divその中にdisplay: table;rule で別のものを入れようとし、次に and で別のものを入れようdisplay: table-cell;としましvertical-align: middle;た。しかし、うまくいきませんでした。

4

1 に答える 1

1

ここに私の更新されたフィドルhttp://jsfiddle.net/L4rK5/9/があります。それはあなたが求めることを行いますが、実際にはかなり粗雑に見えます。html div 構造の変更と次の css ルールに注意してください。

.text-center{
    width: 100%;
    position: absolute;
    top: 50%;
}
于 2013-03-21T22:20:47.940 に答える