Heim  >  Artikel  >  Web-Frontend  >  So stellen Sie die Stunden in CSS zentriert ein

So stellen Sie die Stunden in CSS zentriert ein

WBOY
WBOYOriginal
2021-11-19 19:22:177093Durchsuche

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.

So stellen Sie die Stunden in CSS zentriert ein

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:

So stellen Sie die Stunden in CSS zentriert ein (Lernvideo-Sharing:

CSS-Video-Tutorial

)

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn