Tables d'alignement à gauche avec CSS

Question

Je voudrais aligner à gauche une table avec CSS, d'une manière similaire à align = left en HTML standard, mais je comprends que c'est une mauvaise forme. Est-ce qu'il y a un moyen de faire ça? Si ce n'est pas le cas, existe-t-il un moyen de formater une liste de liens alignés à gauche qui se trouve à côté du contenu sans utiliser de tables?

Answer 1

Pour simplifier, prendre les choses sur les balises de style et utiliser des classes CSS à la place:

<ul style="text-align: left; float: left;"> 
    <li><a href="#">Your link here!</a></li> 
</ul> 

simple. Avec la liste affichée, vous devrez donner l'élément contenant <ul> le style de overflow: auto; pour enlever le flotteur pour l'élément suivant qui apparaît en dessous. Suite à de jeroen dit, oui, une table doit être aligné par défaut à moins que vous avez défini dir="rtl" quelque part dans votre DOM. Et dans ce cas, à moins que vous soyez créatif ou que vous écrivez en hébreu, il n'y a aucune raison pour qu'il soit là;)

Answer 2

Vous pouvez utiliser une liste non ordonnée pour les liens, la placer dans une div et faire flotter la div gauche. Avec une marge gauche appropriée pour le contenu, la liste des liens flottera bien à côté du contenu. Par ailleurs, une table est normalement alignée à gauche pour commencer, mais si vous voulez la positionner à gauche de votre contenu, vous pouvez également faire flotter la table vers la gauche.

Answer 3

Comme Jason l'a commenté, tout est aligné par défaut en HTML. Si le contenu de votre table n'est pas aligné à gauche, vous devez soit avoir modifié son alignement, soit avoir constaté l'effet secondaire d'un bourrage ou de quelque chose. Pour « réparer » une telle table, essayez CSS le long des lignes de:

<style> 
TABLE, TBODY, TR, TD, TH { 
    text-align:left; 
    padding:0; 
    border-spacing:0; /* or border-collapse:collapse */ 
} 
</style> 

Answer 4

Répondre « comment puis-je aligner le texte à l'intérieur de la table? », Pas divs ou comment les flotter.

Voici comment faire une table apparaissent sur la gauche de la page sans utiliser l'attribut align désapprouvée:

<table style="margin-right:auto;margin-left:0px"> 

Assurez-vous de spécifier une largeur inférieure à conteneur de la table encore assez grande pour vos besoins.

Answer 5

utilisation margin:auto 0
c'est comme un miracle