Maison >interface Web >Questions et réponses frontales >Comment centrer div en HTML
Comment centrer div en HTML
- 藏色散人original
- 2021-05-24 11:02:3337775parcourir
Comment centrer un div en HTML : 1. Centrez le div en ajoutant la balise "bacbf9e1ad7f40415ce1670e31edfee3contentadca8a5fa06ffeafb062c2e3f274b930" 2. Ajoutez la balise "margin:0 auto attribut;" pour l'ajuster automatiquement Centré.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
Le centrage DIV propose deux méthodes :
1. La méthode simple et rapide consiste à ajouter la balise bacbf9e1ad7f40415ce1670e31edfee3contentadca8a5fa06ffeafb062c2e3f274b930
Exemple :
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>center居中</title> </head> <body> <center> <div>我要居中啦</div> </center> </body> </html>
2. Ajoutez l'attribut margin:0 auto au div ; ajustez automatiquement le centre.
Exemple 2 :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>margin居中</title>
<style type="text/css">
.d1{
border:1px solid red;
width:200px;
height:200px;
text-align:center;
line-height:40px;
margin:0 auto;
}
</style>
</head>
<body>
<div class="d1">
我是div，我居中啦...
</div>
</body>
</html>Tutoriels recommandés : Tutoriel vidéo html, Tutoriel vidéo CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!