Introduction à la méthode d'utilisation du CSS pour centrer la page

Dans le processus de production d'une page Web, afin de faciliter la lecture des lecteurs, le contenu de la page Web sera limité à un encadré plus petit et affiché au centre. Comment mettre en œuvre cette fonction ?

1) Mettez le texte principal dans une balise

Tant que cette balise est centrée, toute la page Web sera centrée.

2) Ensuite, nous allons introduire une méthode : la bordure négative, c'est-à-dire la valeur de marge Est négatif

#text{

padding-left : 50 %;

largeur : 1000px;

margin-left: -500px

}

De cette façon, la page sera centrée.

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!

Étiquettes associées：

css

source：php.cn

Article précédent：Utilisez CSS pour supprimer le style de contrôle par défaut dans les navigateurs du noyau Webikt tels que Chrome et Safari. Article suivant：Examen de l'utilisation de la conception de mise en page réactive CSS3

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

Derniers articles par auteur

• Exemples de paramètres HTML pour les effets de police gras, italique, souligné, barré et autres
  1970-01-01 08:00:00
• 实现一个 Java 版的 Redis
  1970-01-01 08:00:00
• La démo d'applet WeChat la plus simple
  1970-01-01 08:00:00
• Introduction aux méthodes de fonctionnement simples de pandas.DataFrame (créer, indexer, ajouter et supprimer) en python
  1970-01-01 08:00:00
• WeChat Mini Program : Exemple de mise en œuvre de l'effet d'onglets
  1970-01-01 08:00:00
• Python construit des méthodes personnalisées pour embellir la sortie de la structure du dictionnaire
  1970-01-01 08:00:00
• HTML5 : utilisez Canvas pour traiter la vidéo en temps réel
  1970-01-01 08:00:00
• Asp.net utilise SignalR pour envoyer des images
  1970-01-01 08:00:00
• Tutoriel de développement de programmes WeChat Mini-App() et Page() Présentation des fonctions
  1970-01-01 08:00:00
• Explication détaillée de l'utilisation de Python Redis
  1970-01-01 08:00:00

Derniers numéros

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

1335

La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...

Depuis 2024-04-06 21:58:04

0

1

800

Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...

Depuis 2024-04-06 20:57:16

0

1

487

Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...

Depuis 2024-04-06 20:45:26

0

2

386

Existe-t-il un moyen de forcer le texte de la flexbox à être centré verticalement, quel que soit l'autre code CSS dont nous disposons ? J'ai le code CSS suivant qui fait partie d'un code CSS plus vaste utilisé dans un site Web...

Depuis 2024-04-06 20:41:51

0

1

518

Rubriques connexes

Plus>

• Utilisation de la fonction Matlab GridData
• Quelles sont les méthodes de transfert de fichiers Java ?
• Quel fichier est au format moyen ?
• Que sont les identifiants Python ?
• Comment obtenir du Bitcoin
• Quelles sont les technologies de sécurité des réseaux ?
• Comment introduire du CSS externe dans HTML
• Comment fermer la fenêtre ouverte par window.open