Wie schreibe ich „Center' in HTML?

In HTML kann die zentrierte Ausrichtung mithilfe von CSS-Stilen erreicht werden: Horizontale Zentrierung: Verwenden Sie das Text-Align-Attribut (z. B. text-align: center;) Vertikale Zentrierung: Verwenden Sie das Vertical-Align-Attribut (z. B. Vertical-Align: Middle). ;)

Zentrierung in HTML

In HTML können wir die zentrierte Ausrichtung von Elementen mithilfe von CSS-Stilen steuern. Es gibt zwei Möglichkeiten, eine Zentrierung zu erreichen: Horizontale Zentrierung und Vertikale Zentrierung.

Horizontale Zentrierung

Sie können das Attribut text-align verwenden, um das Element horizontal zu zentrieren. Der Wert dieser Eigenschaft kann sein: text-align 属性将元素水平居中。该属性的值可以是：

• left： 将元素左对齐
• center： 将元素居中对齐
• right： 将元素右对齐

例如，要水平居中一个段落，可以使用以下代码：

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

垂直居中

要垂直居中一个元素，可以使用 vertical-align

• left: Richtet das Element links aus
• center: Richtet das Element zentriert aus
• right: Richtet das Element rechts aus

Um beispielsweise einen Absatz horizontal zu zentrieren können Sie den folgenden Code verwenden:

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

Vertikale Zentrierung

Um ein Element vertikal zu zentrieren, können Sie das Attribut vertical-align verwenden. Der Wert dieser Eigenschaft kann sein: 🎜🎜🎜🎜top: 🎜 Richtet das Element oben aus 🎜🎜🎜middle: 🎜 Richtet das Element vertikal in der Mitte aus 🎜🎜🎜bottom: 🎜 Richtet das Element unten aus 🎜🎜🎜 Zum Beispiel, um ein vertikal zu zentrieren Bild, Sie können den folgenden Code verwenden: 🎜

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

🎜 Sie können auch die folgende CSS-Regel verwenden, um sowohl horizontale als auch vertikale Zentrierung zu erreichen: 🎜rrreee🎜Durch die Anwendung dieser Klasse auf ein Element wird es sowohl horizontal als auch vertikal zentriert. 🎜

Das obige ist der detaillierte Inhalt vonWie schreibe ich „Center' in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!