Tutoriel CSS3 (6) : Créer plusieurs colonnes pour une production de page Website_css3_CSS_Web

Production de pages Web Introduction à l'article Webjx : Utilisez CSS3 pour créer plusieurs colonnes pour votre site Web sans avoir à développer des couches ou des paragraphes spécifiques pour chaque colonne. En utilisant CSS3, vous pouvez créer plusieurs colonnes pour votre site Web sans avoir besoin de couches ou de paragraphes spécifiques pour chaque colonne. Article précédent : Tutoriel CSS3 (5) : Images d'arrière-plan de page Web et images d'arrière-plan multiples 1

En utilisant CSS3, vous pouvez créer plusieurs colonnes pour votre site Web sans avoir à spécifier un calque ou un paragraphe spécifique pour chaque colonne. .
Utilisez CSS3 pour créer plusieurs colonnes pour votre site Web sans avoir à créer des calques ou des paragraphes spécifiques pour chaque colonne.
Article précédent : Tutoriel CSS3 (5) : Image d'arrière-plan d'une page Web
Comme les images d'arrière-plan multiples, les colonnes multiples CSS3 sont également l'une de mes technologies préférées. J'imagine que cette propriété CSS3 a de nombreuses utilisations potentielles en dehors des mises en page de journaux et de magazines. Si vous utilisez cette méthode dans une idée ou un site Web personnel, veuillez soumettre votre lien dans les commentaires ci-dessous, je serai heureux de confirmer que cette méthode peut être utilisée dans de nombreuses mises en page.
Compatibilité entre navigateurs :
Les meilleurs navigateurs prenant en charge le multi-colonne CSS3 sont Firefox, Safari et Google Chrome, nous devons donc utiliser les préfixes -moz et -webkit. CSS3 plusieurs colonnes (largeur)

La capture d'écran ci-dessus est l'effet de l'utilisation du style CSS3 suivant :
#multiColumnWidth { text-align : justifier ; -moz-column-width : 20em ; -moz-column-gap : 2em ; -webkit-column-width : 20em ; >Prise en charge du navigateur :

Firefox(3.05…)

Google Chrome(1.0.154…)

Google Chrome(2.0.156…)

Internet Explorer(IE7, IE8 RC1)

Opera(9.6…)

Safari(3.2.1 windows…) CSS3 plusieurs colonnes (nombre de colonnes)

La capture d'écran ci-dessus est l'effet de l'utilisation du style CSS3 suivant :

#multiColumnCount { text-align: justifier; -moz-column-gap: 1.5em; moz-column-rule : 1px solid #dedede ; -webkit-column-count : 3 ; -webkit-column-gap : 1,5em ; -webkit-column-rule : 1px solid #dedede }
Prise en charge du navigateur :

Firefox(3.05…)

Google Chrome(1.0.154…)

Google Chrome(2.0.156…)

Internet Explorer(IE7, IE8 RC1 )

Opera(9.6…)

Safari(3.2.1 windows…)

Ce qui précède est le tutoriel CSS3 (6) : Créer un site Web avec plusieurs colonnes_css3_CSS_webpage Le contenu produit, pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !