HTMLでの中心の書き方

HTML では、CSS スタイルを使用して中央揃えを実現できます。 水平方向の中央揃え: text-align 属性 (text-align: center; など) を使用します。 垂直方向の中央揃え:vertical-align 属性 (vertical など) を使用します。 -align: middle ;)

HTML での中央揃え

HTML では、次の方法で要素の中央揃えを制御できます。 CSS スタイルを使用して中央揃えにします。センタリングを実現するには、水平センタリングと垂直センタリングの 2 つの方法があります。

水平方向の中央揃え

text-align 属性を使用して、要素を水平方向の中央揃えに配置できます。この属性の値は次のとおりです。

• left: 要素を左に揃えます
• center: 要素を左に揃えますcenter
• right: 要素を右に揃えます

たとえば、段落を水平方向に中央揃えにするには、次のコードを使用します:

<code class="html"><p style="text-align: center;">水平居中的段落</p></code>

垂直方向の中央揃え

要素を垂直方向の中央揃えにするには、vertical-align 属性を使用できます。この属性の値は次のとおりです。

• top: 要素を上に揃えます
• middle: 要素を中央で垂直に揃えます
• bottom: 要素の下部を揃える

たとえば、画像を垂直方向の中央に配置するには、次のコードを使用できます:

<code class="html"><img src="image.jpg" style="vertical-align: middle;"></code>

水平方向と垂直方向の両方の中央揃えを実現するには、次の CSS ルールを使用することもできます。

<code class="css">.centered {
  text-align: center;
  vertical-align: middle;
}</code>

このクラスを要素に適用すると、要素が水平方向と垂直方向の両方で中央揃えになります。

以上がHTMLでの中心の書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。