Anzeige-Blöcke in Einklang mit den Blättern
Habe ich folgenden code:
html:
<div class="container">
<div class="content">
<ul>
<li class="item">a</li>
<li class="item">bb</li>
<li class="item">ccc</li>
<li class="item">dddd</li>
<li class="item">eeeee</li>
</ul>
</div>
</div>
css:
.container{
width: 200px;
background-color: red;
overflow: hidden;
}
.content ul{
padding: 0px;
margin: 0px;
}
.item{
padding: 1px 10px 1px 10px;
background-color: green;
border: 1px black solid;
margin: 1px;
display: inline-block;
}
http://jsfiddle.net/VSfHS/183/
Und ich brauche, um Elemente anzuzeigen, die in einer Reihe mit scrollbaren überlauf.
Anzahl der Elemente ist dynamisch, ich kann also nicht die voreingestellte Breite des Inhalts.
- das wird nicht funktionieren. Wenn er noch mehr Elemente, die Sie überlauf wird auf der nächsten Zeile, die nicht wollen, er will.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier gehen Sie.
http://jsfiddle.net/VSfHS/184/
Die Lösung ist
white-space: nowrap