CSS bootstrapのrowspanを使ったtableで上下センタリング

bootstrapでrow spanを使った時に、上下方向にセンタリングする。

CSSでvertical-align: middle;を使っても、うまくいかなかった。

/* これだとセンタリング不可 */
table.mytable1 td {
    text-align: center;
    vertical-align: middle;
}

セレクターがよくなかったようだ。

/* うまくいく */
table.mytable1 > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
}

セレクタに空白を用いるのはよくないようだ。優先順位がbootstrapのものより低くなるためだと思う。

posted with amazlet at 18.10.07

谷拓樹
インプレス
売り上げランキング: 18,439