やり方は以下 * 親要素いっぱいに広がるdivを用意する * そのdivの子要素をflexを使って上下左右中央寄せする * 中央寄せされたdivの中にコンテンツを入れる
以下のサンプルはtd内で上下左右中央寄せする場合。
CSS: centering { position: relative; & > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } }
HTML:
コンテンツ
参考: qiita.com