28172 sujets

CSS et mise en forme, CSS3

Justifier listes <li> dans <ul> ?

Bonjour,
Je souhaite justifier des <li> dans un <UL> qui fasse 100% de la largeur de ma page.

j'ai essayé avec text-align: justify; sur le <UL> à width:100%, mais ça ne fonctionne pas (il parrait que ça fonctionne sur IE... mais ça règle pas mon problème).

Y a t-il une solution quelconque ? Serai-je obligé de laisser tomber les <li> pour mon menu de navigation et mettre des <a> tous seuls?

Merci !
À priori, pas possible de justifier du texte sur une seule ligne. La ligne en question est considérée comme la dernière ligne de texte d'un bloc, et alignée à gauche.

Donc, pour les solutions:
- display:table sur le UL et display: table-cell sur les LI;
- ou bien un tableau.
Bonjour, merci pour ta réponse Florent!
Utiliser les propriétés display table sur une liste, est-ce que ça va être interprété comme étant un tableau (donc présentant des données tabulaires)? Je veux dire, est-ce "correct" de faire ainsi, ou c'est de la triche?

Sinon, j'ai trouvé hier un script JS qui permet de faire ce que je voulais, mais je ne l'ai pas encore testé et j'aurais préféré une solution CSS, du JS ça reste du JS...
Sujet clos
Aller à