Comment faire un CSS table avec l'utilisation de DIV UL LI

L'imaginer, j'ai conteneur DIV, 9 <ul> balises à l'intérieur de celui-ci (ils sont des colonnes), chaque <ul> tag a 5 <li> balises à l'intérieur et chaque <li> balise a un lien à l'intérieur.

Je veux le rendre pur CSS forme d'un tableau où tous les <ul> largeurs n'aurait pas besoin d'avoir un dur largeur, mais de varier et automatique de tronçon par rapport à la longueur de liens dans <li> étiquettes et dans la relation à l'autre <ul> balises, de sorte que certaines colonnes sera plus large, certains vont être plus court si les liens sont longs ou courts.

Pouvez-vous m'aider? J'essayais de faire ça et tout a fonctionné à l'exception de l'auto étirement <ul> balises, ils avaient des largeurs fixes 🙁

  • Ça sonne comme vous avez besoin d'un table ici. Quelle est la raison pour laquelle vous voulez juryrig ces autres balises à la place?
  • regarder en display:table et liées CSS
  • Andrew, l'ensemble de mon code est pur css, je ne veux pas mettre de HTML table, il n'y
  • <div> <ul> et <li> sont pas feuille de style CSS. Ils sont HTML. Vous d'utiliser le bon, la sémantique HTML, pour ce que votre contenu est, alors vous utiliser CSS pour le style. Vous essayez d'utiliser le HTML incorrect, puis essayez d'utiliser le CSS comme un lourd bidouille à faire un style qui serait beaucoup plus facile si vous avez commencé à partir de la bonne balise. <table> balises sont beaux à utiliser, aussi longtemps que vous les utilisez correctement.
  • religieusement en évitant les tables est tout aussi mauvais que d'abuser d'eux. Il montre clairement que vous n'avez aucune idée de ce que vous faites, mais vous avez une solide opinion à ce sujet. Je pense même document que vous avez lu à obtenir à cette idée, et je peux vous dire que le document est mal justifiée coup de gueule au mieux. Et il n'y a rien qui s'appelle pure css ou css table. C'est un mythe inventé par les puristes avec un religous attitude. Comment pensez-vous DIV/UL/LI avec des tonnes de piratage est mieux que de TABLE/TR/TD avec pas de piratage? Vous voulez une table? Devinez quoi, ils ont menti à vous, les tableaux ne sont pas mauvais, utilisez <table>.
  • Double Possible de Comment créer un tableau à partir d'ul de la balise à l'aide de CSS
  • ma question est de près de 1,5 ans de plus que celui que vous pointez. Quel est le point de le faire?
  • Votre post est venu sur la liste de questions parce que Brian Tompsett édité. J'ai senti qu'il y avait certainement une autre question sur le site avec plus et de meilleures réponses, et j'ai eu raison. L'âge de questions n'est qu'une petite (et fausses) facteur dans la détermination de la cible pour obtenir un duplicata.

InformationsquelleAutor CamSpy | 2012-11-06
  1. 3

    Hey j'ai une solution pour vous à partir de ce que je peux faire que vous avez besoin ici...

    http://jsfiddle.net/YPmtG/4/

    Je suis fondamentalement juste flottant de l'ul et li sont naturellement hébergé à l'intérieur de l'ul de sorte qu'ils peuvent être individuellement flottait à l'intérieur il y a de nouveau, comme indiqué dans mon violon...

    ul {
    float:left;
    clear:right;
    padding:5px;
}
li {
    float:left;
    clear:left;
}
    • Vous avez oublié le conteneur div avec une largeur fixe et ul balises auto stretch à la largeur du conteneur
    InformationsquelleAutor Epik