J'ai une table en html. Je préfère mettre en page la table centrée. Quel est le style CSS pour cette mise en page? Et tous les outils CSS en ligne pour voir interactivement le changement de style? Si je me souviens bien, c'est la propriété text-alignQu'est-ce que le style css d'alignement pour la disposition de la table?
0
A
Répondre
3
Compte tenu de ce HTML:
<div>
<table>
<!-- contents -->
</table>
</div>
Vous pouvez utiliser ce CSS:
div{
margin:0 auto;
text-align:center;
}
div table{
margin:0 auto;
text-align:left;
}
La plupart des navigateurs fonctionnent déjà si vous appliquez margin: 0 auto
au table
.
Cependant, le CSS 10 fonctionne pour les navigateurs plus rapides. Plus précisément, text-align: center
va centrer le table
, mais puisqu'il aurait pour effet secondaire de centrer également le contenu de chaque cellule, vous devez appliquer text-align: left
à la table pour réinitialiser cette propriété.
0
Ou voulez-vous dire centrer la table dans la page html?
Questions connexes
- 1. Aide pour la disposition DIV et la hauteur CSS
- 2. Chemin CSS pour aligner horizontalement la table
- 3. CSS ajuster la taille de la table
- 4. Problème de disposition CSS
- 5. Des feuilles de style distinctes pour le type, la couleur et la disposition. Qu'est-ce qui va où?
- 6. Comment puis-je overide le style CSS dans une table
- 7. Conversion de disposition de table en div
- 8. Disposition CSS sans largeur fixe
- 9. css style de réécriture?
- 10. liens de style dans la table php
- 11. Utilisation du framework CSS jQuery.UI pour le style DIV
- 12. Saint Graal IE8 Problème avec la table (style = "width: 1000%")
- 13. Style de liste CSS
- 14. Positionnement de la ligne de la table de débordement CSS
- 15. style css de travail mais le lien css pas
- 16. Définition de la disposition de l'image datagridviewimagecolumn
- 17. Javascript pour la modification de style CSS dans le navigateur Google Chrome
- 18. css définir la hauteur maximale de la ligne de la table malgré le contenu
- 19. Modification de la feuille de style dans le code de la page maître
- 20. Grille WPF pour la disposition des fenêtres
- 21. Appliquer le style CSS aux éléments de l'enfant
- 22. vérifier si la classe css existe dans le fichier de feuille de style dans le code
- 23. Puis-je faire en sorte que la disposition de grille s'étire comme le fait une table HTML?
- 24. Comment obtiendriez-vous cette disposition basée sur la table en utilisant CSS au lieu de tables HTML?
- 25. Héritage du style CSS
- 26. Redéfinition un style CSS
- 27. Style d'ancrage CSS pour les images
- 28. Puis-je accélérer le gestionnaire de disposition YUI, lorsque j'ai une grande table sur la page?
- 29. La bordure supérieure de la table disparait en utilisant le style "overflow: hidden" et "border-collapse"
- 30. Disposition CSS 2-Colonne fixe-fluide