Comment définir les RH centrées en CSS-tutoriel CSS-php.cn

Comment définir les RH centrées en CSS

WBOY

Libérer： 2021-11-19 19:22:17

original

7024 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut "text-align" pour définir le centre hr. La fonction de cet attribut est de spécifier l'alignement horizontal de l'élément. Il vous suffit d'ajouter le "text-align:center;" style à l’élément hr.

Comment définir les RH centrées en CSS

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Comment définir le centrage des heures en CSS

En CSS, vous pouvez utiliser l'attribut "text-align:center;" pour définir le centrage des heures. L'attribut

text-align spécifie l'alignement horizontal du texte. dans l'élément.

Cet attribut définit l'alignement horizontal du texte dans les éléments de niveau bloc en spécifiant le point auquel la zone de ligne est alignée. La valeur justifier est prise en charge en permettant aux agents utilisateurs d'ajuster l'espacement entre les lettres et les mots dans le contenu de la ligne ; différents agents utilisateurs peuvent obtenir des résultats différents ;

L'exemple est le suivant :

<!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>

Copier après la connexion

Résultat de sortie :

Comment définir les RH centrées en CSS