html - ブロックレベルの要素を垂直方向に中央揃えする方法は？

Question

私がそういうものを持っていると言う：

<table style="margin-left: auto; margin-right: auto;">
  <tr>
    <td>
    </td>
  </tr>
</table>

margin-*属性は、テーブルがその親要素内で中央に配置されるように指示します。

要素を垂直方向に中央揃えする同様の方法はありますか？

Answer 1

これは非常に頻繁に要求されることです。垂直方向の位置合わせを行う簡単な方法はありません。属性がありvertical-alignますが、これはインライン要素のラインアラインメント用です。垂直方向のセンタリングを行うさまざまな方法については、このリンクを確認してください。

編集：あなたが始めるためのもう一つの良いリンクがあります。

Answer 2

これは古い質問ですが、同様の質問の解決策を探してこれに遭遇した人のために、任意のブロック要素を非常に簡単に中央に配置できるjQueryプラグインを作成しました。これは私自身のプロジェクトを宣伝するためのものではありません。正直なところ、私はできる限り支援し、貢献したいと思っています。ここにリンクとデモがあります。