Comment faire <div> inline? Tous les <div>, même lorsque leur largeur totale de plus que la largeur de leur parent?

J'ai besoin de faire <div> affiché en ligne et de les cacher avec "overflow: hidden" pour leur parent.

Largeur pour <div> est fixé à 20% avec les "box-sizing" de la propriété, de sorte qu'ils sont exactement 20% de leur parent largeur.

La méthode habituelle, à l'aide de "float: left" n'aide pas, car il ne fait que 5 <div> affiché dans une ligne, et le reste de leur illustré dans la nouvelle ligne de sous les 5 premières <div>.

Comment faire tous les <div> displayd en ligne et cacher le reste d'entre eux s'ils sont trop larges pour être montré à l'intérieur de leur parent, à l'aide de "overflow: hidden"?

J'ai le document suivant de la structure:

<body>
<div class="column">
    <div class="header">Some text</div>

    <ul class="item_list">
        <li class="simple"><a href="">Some text<br></a></li>
        <li class="simple"><a href="">Some text<br></a></li>
        <li class="simple"><a href="">Some text<br></a></li>
        ...
    </ul> 
</div> 

Vous pouvez voir ce que je veux dire ici. Mais je l'ai fait à l'aide de javascript (sertie d' <div> "position: absolute" et les produits "margin-left" pour chaque elemet) et il cause beaucoup de problèmes pour le développement futur.

Avez-vous essayé display:inline et clear:none?
Bien sûr, mais j'ai besoin de largeur fixe des éléments (20%) et la largeur des éléments en ligne dépend de leur contenu.

OriginalL'auteur Feniks502 | 2011-01-23