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

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

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

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

調べると、html - Vertical align in bootstrap table - Stack Overflow に解決策があった。

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

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

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


タイトルとURLをコピーしました