Comment centrer la page avec CSS

La façon de centrer la page entière avec CSS est d'ajouter une boîte div à tout le corps de la page Web et de définir l'attribut [margin:0 auto] sur cette boîte, par exemple [#t-warp {marge : 0 auto] ; largeur : 1000px}].

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

Si nous voulons centrer la page entière, nous pouvons ajouter un complet) Ajoutez une boîte div, puis définissez l'attribut margin:0 auto;

Le code d'implémentation spécifique est le suivant :

#t-warp{margin:0 auto;width:1000px}

Peut-être que de nombreux débutants ne comprennent pas l'attribut margin.

La propriété raccourcie margin définit toutes les propriétés de marge dans une seule déclaration.

Valeurs d'attribut communes :

• auto Le navigateur calcule les marges.

• length spécifie la valeur de la marge dans des unités spécifiques, telles que les pixels, les centimètres, etc. La valeur par défaut est 0px.

• % spécifie les marges en pourcentage de la largeur de l'élément parent.

• inherit spécifie que les marges doivent être héritées de l'élément parent.

Partage de vidéos associées : 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!