bootstrapのテーブルセル内の文字を上下中央寄せにする方法

スポンサーリンク

bootstrapでは、次のようにセルの上寄せでテキストが表示されるよう指定されています。

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
vertical-align: top;
}

テキストを上下で中央寄せにしたいなら、次のコードをスタイルシートに追加しましょう。

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
vertical-align: middle;
}

次のように指定しても、bootstrapの指定の方が細かいので有効にならないのでご注意を。

td, th{
vertical-align: middle;
}

スポンサーリンク

逆引き辞典 

この記事と一緒によく読まれています!