Heim >Web-Frontend >CSS-Tutorial >So stellen Sie die Stunden in CSS zentriert ein
So stellen Sie die Stunden in CSS zentriert ein
- WBOYOriginal
- 2021-11-19 19:22:177185Durchsuche
In CSS können Sie das Attribut „text-align“ verwenden, um die hr-Mitte festzulegen. Die Funktion dieses Attributs besteht darin, die horizontale Ausrichtung des Elements anzugeben. Sie müssen nur „text-align:center;“ hinzufügen. Stil zum HR-Element.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So legen Sie die HR-Zentrierung in CSS fest
In CSS können Sie das Attribut „text-align:center;“ verwenden, um die HR-Zentrierung festzulegen im Element.
Dieses Attribut legt die horizontale Ausrichtung von Text innerhalb von Elementen auf Blockebene fest, indem es den Punkt angibt, an dem das Linienfeld ausgerichtet wird. Der Wert justify wird dadurch unterstützt, dass Benutzeragenten den Abstand zwischen Buchstaben und Wörtern im Zeileninhalt anpassen können. Verschiedene Benutzeragenten können zu unterschiedlichen Ergebnissen führen.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<style type="text/css">
hr{
width:50%;
text-align:center;
}
</style>
<h1>HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p>
<hr>
<h1>CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing:
Das obige ist der detaillierte Inhalt vonSo stellen Sie die Stunden in CSS zentriert ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!