テーブルのセル内で Div を垂直方向に揃えるにはどうすればよいですか?

を垂直方向に揃える方法 内の要素Cell

HTML コードには、それぞれ

を含む 2 つのセルを含むテーブルがあります。要素。

を配置したいとします。

これを実現するには、次のメソッドを使用できます。

1. の高さを設定します。要素: 特定の高さを に割り当てます。細胞。これにより、
   の固定参照点が提供されます。要素を使用して高さを計算します。例:

   td {
     height: 200px; /* Replace with the desired height */
   }

   にパーセンテージベースの高さを使用します。要素:

   div {
     height: 100%;
   }

   絶対的な高さを設定する代わりに、

   にパーセントベースの高さを使用できます。要素。これにより、セル内の利用可能な高さが確実に満たされます。例:

   垂直配置プロパティの追加:

   div {
     vertical-align: middle;
   }

   を中央揃えにするにはセル内で要素を垂直方向に配置するには、vertical-align などの CSS プロパティを使用できます。例:

   このアプローチでは、

   を許可する必要があります。 の高さを埋める要素セルの垂直方向の配置も確保します。

以上がテーブルのセル内で Div を垂直方向に揃えるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。