Cet article présente principalement le centrage de la balise principale HTML5. Il existe des exemples complets d'utilisation de la balise principale. Jetons maintenant un coup d'œil à cette introduction sur la balise principale HTML5
Tout d'abord, Voyons comment centrer la balise principale html5 : la balise
Remarque : Plus d'un élément
Après avoir dit tant de définitions, jetons un coup d'œil à l'exemple de code complet de centrage de la balise main :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<main align="center">
<h1>PHP中文网</h1>
<p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
<article>
<h1>Google Chrome</h1>
<p>Google Chrome是由Google开发的一款免费的开源web浏览器，于2008年发布。</p>
</article>
<article>
<h1>Internet Explorer</h1>
<p>Internet Explorer由微软开发的一款免费的web浏览器，发布于1995年。</p>
</article>
<article>
<h1>Mozilla Firefox</h1>
<p>Firefox是一款来自Mozilla的免费开源web浏览器，发布于2004年。</p>
</article>
</main>
</body>
</html>J'ai ajouté un attribut align à la balise main balise. Cela signifie aligner l'ensemble du document au milieu. Voyons l'effet lorsqu'il est affiché dans le navigateur :
Vous pouvez le voir clairement car l'article est trop gros pour être affiché. La page Web est trop grande et ne peut être que réduite, mais le texte au milieu des images est toujours clairement visible.
D'accord, cet article se termine ici (si vous voulez en savoir plus, venez sur le site Web PHP chinois, recherchez le site Web PHP chinois sur Baidu, il contiendra les cours et le matériel de programmation que vous souhaitez), si vous en avez questions Vous pouvez poser des questions ci-dessous
[Recommandation de l'éditeur]
Comment supprimer l'étiquette de la balise ol en html ? Résumé de l'utilisation de
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
