Comment centrer div en HTML

May 24, 2021 am 11:02 AM
html

Comment centrer un div en HTML : 1. Centrez le div en ajoutant la balise "

content
" 2. Ajoutez la balise "margin:0 auto attribut;" pour l'ajuster automatiquement Centré.

Comment centrer div en HTML

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

content

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Porce de variable PHP expliquée
1 Il y a quelques mois By 百草
Commentant le code en php
1 Il y a quelques mois By 百草
<🎜>: Grow A Garden - Guide complet des marchands itinérants
4 Il y a quelques semaines By Jack chen
Conseils pour écrire des commentaires PHP
1 Il y a quelques mois By 百草

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1510
276
Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Aug 03, 2025 pm 04:50 PM

rel = "Stylesheet" linkSsssFilesForSTylingThepage; 2.rel = "Preload" HintstopreloadCriticalResourcesForPerformance; 3.rel = "icon" setthewebsite’sfaviCon; 4.rel = "alternate" fournit la réversion desstiètes; 5.rel = & Qu

Comment mettre en surbrillance le texte avec la balise ? Comment mettre en surbrillance le texte avec la balise ? Aug 04, 2025 pm 04:29 PM

Utilisez des balises pour mettre en évidence le texte sémantiquement, souvent utilisé pour identifier les résultats de recherche ou le contenu important; 2. Les styles personnalisés tels que les couleurs d'arrière-plan, les couleurs de texte et les bordures peuvent être personnalisés via CSS; 3. Il doit être utilisé dans des contextes ayant une signification pratique, plutôt que dans la décoration visuelle pour améliorer l'accessibilité et les effets SEO.

L'attribut LongDesc pour les images HTML est-il toujours utile L'attribut LongDesc pour les images HTML est-il toujours utile Aug 03, 2025 pm 02:15 PM

ThelongDescattributeisObsoleTeTeetOpoorBrowsserandScreenRedersupport, souvent de la réception de lawareofailedEttedDescrites.2.Modernalternatives comme les conceptions, aria-descriptions, paramétichtmleLelements

Comment utiliser HTML pour créer un lien qui s'ouvre dans un nouvel onglet Comment utiliser HTML pour créer un lien qui s'ouvre dans un nouvel onglet Aug 05, 2025 am 04:29 AM

Pour ouvrir en toute sécurité un lien dans un nouvel onglet, vous devez utiliser Target = "_ Blank" et toujours coopérer avec rel = "noantener". Vous pouvez choisir rel = "noreferrer" pour améliorer la protection de la confidentialité. Les étapes spécifiques sont: 1. Utilisez HREF pour définir l'URL cible; 2. Ajouter Target = "_ Blank" pour ouvrir le lien dans un nouvel onglet; 3. Ajouter rel = "noantener" pour empêcher la nouvelle page de manipuler la page d'origine et d'améliorer les performances; 4. Vous pouvez choisir rel = "noreferrer" pour éviter l'envoi

Comment ajouter une icône à l'onglet Titre de votre site Web dans HTML Comment ajouter une icône à l'onglet Titre de votre site Web dans HTML Aug 07, 2025 pm 11:30 PM

Pour ajouter une icône à la barre de titre du site Web, vous devez lier un fichier Favicon dans une partie du HTML. Les étapes spécifiques sont les suivantes: 1. Préparez un fichier d'icône 16x16 ou 32x32 pixels. Il est recommandé d'utiliser Favicon.ico pour le nommer et le placer dans le répertoire racine du site Web, ou utiliser des formats modernes tels que PNG et SVG; 2. Ajouter des balises de liaison à HTML, telles que les formats PNG ou SVG, ajustez l'attribut de type en conséquence; 3. Ajouter éventuellement des icônes haute résolution pour les appareils mobiles, tels que AppletouCon, et spécifiez différentes tailles via l'attribut de tailles; 4. Suivez les meilleures pratiques, placez l'icône dans le répertoire racine pour assurer la détection automatique, effacer le cache du navigateur après la mise à jour et vérifier l'exactitude du chemin du fichier.

Comment utiliser la balise ABBR HTML pour les abréviations Comment utiliser la balise ABBR HTML pour les abréviations Aug 05, 2025 pm 12:54 PM

L'utilisation de balises HTML peut améliorer l'accessibilité et la clarté du contenu; 1. Mark Abréviations ou acronymes avec abréviations; 2. Ajouter des attributs de titre à des abréviations inhabituelles pour fournir une explication complète; 3. Utiliser lorsque le document apparaît pour la première fois, en évitant les annotations en double; 4. Vous pouvez personnaliser le style via CSS, et le navigateur par défaut affiche généralement des soulignements pointillés; 5. Il aide à dépister les utilisateurs du lecteur à comprendre les termes et à améliorer l'expérience utilisateur.

Comment utiliser HTML pour la mise en forme de texte de base Comment utiliser HTML pour la mise en forme de texte de base Aug 05, 2025 pm 03:05 PM

UseforboldandSemiticanImportance, andForitalicAndemphasisinSteadoOrForBetterAccessibilityandSeo.2.StructureContent withhehedingtagsto, andUseforsmallerTextLikeDisclaiders.3.SaTateparagraphswithandinsertlinebreprewswithinparagraphsusingtheself-lingtag.

Quelle est la différence entre l'ID HTML et la classe Quelle est la différence entre l'ID HTML et la classe Aug 07, 2025 am 12:03 AM

L'identité doit être unique. Un ID de chaque page ne peut être utilisé que pour un élément, et la classe peut être réutilisée sur plusieurs éléments, et un élément peut avoir plusieurs classes; 2. Les scénarios utilisant l'ID incluent: Positionner un seul élément spécifique, lier les ancres dans la page, JavaScript fonctionne d'éléments via ID et les étiquettes associées aux éléments de formulaire; Les scénarios utilisant la classe incluent: l'application du même style ou du même comportement à plusieurs éléments, créant des composants d'interface utilisateur réutilisables et sélectionnant plusieurs éléments en JavaScript; 3. Dans CSS, le ciblage est effectué par #ID Selector et .Class Selector respectivement, GetElementById () est utilisé pour ID, Geteleme

See all articles