Calculateur de Largeur de Colonne de Grille
Calculateur de Largeur de Colonne de Grille
Entrez la largeur totale de votre conteneur ou page, en combien de colonnes la diviser, et la largeur de la gouttière (espace) entre les colonnes. Cela calcule la largeur exacte de chaque colonne individuelle, utile à la fois pour les mises en page en grille imprimées et pour le CSS grid/flexbox en design web.
- Formule : Largeur de Colonne = (Largeur Totale − Largeur de Gouttière × (Colonnes − 1)) ÷ Nombre de Colonnes.
- Systèmes de grille web courants : les grilles à 12 colonnes sont la convention de mise en page la plus utilisée (divisible également par 2, 3, 4 et 6).
- Fonctionne aussi pour l'impression : les mêmes mathématiques s'appliquent à la disposition de colonnes de texte ou d'images sur une page imprimée ou une affiche.
Quelle largeur de gouttière utiliser pour une mise en page web ?
16–24px est courant pour la plupart des grilles web ; les mises en page imprimées utilisent souvent une gouttière proportionnellement similaire par rapport à la taille de la page.
Pourquoi 12 colonnes plutôt que 10 ?
12 est divisible par 2, 3, 4 et 6, ce qui facilite grandement la création de mises en page avec 2, 3, 4 ou 6 sections de largeur égale.
Calculateur de Largeur de Colonne de Grille
Entrez la largeur totale de votre conteneur ou page, en combien de colonnes la diviser, et la largeur de la gouttière (espace) entre les colonnes. Cela calcule la largeur exacte de chaque colonne individuelle, utile à la fois pour les mises en page en grille imprimées et pour le CSS grid/flexbox en design web.
- Formule : Largeur de Colonne = (Largeur Totale − Largeur de Gouttière × (Colonnes − 1)) ÷ Nombre de Colonnes.
- Systèmes de grille web courants : les grilles à 12 colonnes sont la convention de mise en page la plus utilisée (divisible également par 2, 3, 4 et 6).
- Fonctionne aussi pour l'impression : les mêmes mathématiques s'appliquent à la disposition de colonnes de texte ou d'images sur une page imprimée ou une affiche.
Quelle largeur de gouttière utiliser pour une mise en page web ?
16–24px est courant pour la plupart des grilles web ; les mises en page imprimées utilisent souvent une gouttière proportionnellement similaire par rapport à la taille de la page.
Pourquoi 12 colonnes plutôt que 10 ?
12 est divisible par 2, 3, 4 et 6, ce qui facilite grandement la création de mises en page avec 2, 3, 4 ou 6 sections de largeur égale.