yatay listelenen ül yatay taşmasına olsun (ve kaydırın) Dışarı yatay listelenecek bir sırasız liste almaya çalışıyorum

açamıyorum (şamandıra ile gerçekleştirilir: solda), ancak yatay taşacak reddeder. Bunun yerine, otomatik olarak bile taşma-y ile, ayrıca sonraki satırda (içinde taşıyor.? Yok, otomatik olarak dikey bir kaydırma çubuğu oluşturur Herhangi bir fikiryatay listelenen ül yatay taşmasına olsun (ve kaydırın) Dışarı yatay listelenecek bir sırasız liste almaya çalışıyorum

<style type="text/css"> 
    ul { 
     height:15px; 
     width:400px; 
     overflow-y:none; 
     overflow-x:auto; 
    } 

    li { 
     float:left; 
    } 

</style> 

<body> 
    <div> 
     <ul id="someList"> 
      <li>element 1</li> 
      <li>element 2</li> 
      <li>element 3</li> 
      <li>element 4</li> 
      <li>element 5</li> 
      <li>element 6</li> 
      <li>element 7</li> 
     </ul> 
    </div> 
</body>

kaynak

2011-06-28 achow

Sırasız bir listede hangi bağlamda yatay kaydırma çubuğu olmasını isteyebilir miyim? – Zoidberg

Eğer doğru anlamak, bu olmalıdır:

http://jsfiddle.net/Uyc8d/

ben (yerine float: left arasında) display: inline-block geçti ettik ve kaydırma engellemek için white-space: nowrap kullanıyorum.

ul { 
    width: 400px; 
    overflow-x: scroll; 
    background: #ccc; 
    white-space: nowrap 
} 

li { 
    display: inline-block; 

    /* if you need ie7 support */ 
    *display: inline; 
    zoom: 1 
}

kaynak

2011-06-28 22:29:23 thirtydot

Etkilendim efendim. – Zoidberg

Teşekkürler, bayım. Etkileyici. – achow

beyaz boşluk: nowrap; bana yardım etti, teşekkürler! Benim için –

yatay listelenen ül yatay taşmasına olsun (ve kaydırın) Dışarı yatay listelenecek bir sırasız liste almaya çalışıyorum

cevap

İlgili konular