読者です 読者をやめる 読者になる 読者になる

日々精進

新しく学んだことを書き留めていきます

Bootstrapのtableのcell内を上下中央寄せにする

web

Bootstrapがvertical-align:topを設定しているのでそれを打ち消す設定をする。 以下の例ではクラスをつなげているがこれは詳細度を上げてBootstrapのスタイルを打ち消せるようにするため。

.td_vertical_align_middle.td_vertical_align_middle {
  vertical-align: middle;
}
<td class="td_vertical_align_middle">...</td>

参考: