So stellen Sie die Stunden in CSS zentriert ein-CSS-Tutorial-php.cn

So stellen Sie die Stunden in CSS zentriert ein

WBOY

Freigeben： 2021-11-19 19:22:17

Original

7094 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!