0

これがパターンです。cssの垂直スクロールバーなしで460pxのような幅を超える場合は、ulリストを水平スクロールに合わせて左揃えにする必要があります。

<div class=parentDiv>
       <ul>            //here i need to give a horizontal scroll without vertical scroll
             <li>content</li>   //  with left align
             <li>content</li>
             <li>content</li>
             <li>content</li>                
             <li>content</li> .....etc 
       </ul>    
 </div>
4

2 に答える 2

2

これを試して：

<div class=parentDiv>
   <ul>          
         <li>content</li>  
         <li>content</li>
         <li>content</li>
         <li>content</li>                
         <li>content</li> 
         <li>content</li> 

   </ul>    
</div>​

そしてcss

.parentDiv{
 width: 300px;
 overflow-x: scroll; 

 }

.parentDiv ul{
 width: 400px;
 border: 1px solid orange;

 }

 .parentDiv ul li{
 display: inline;
 margin-right: 8px;
 }

</p>

私が作ったフィドルをチェックしてください: JsFiddle

于 2012-07-04T14:51:04.423 に答える
0

オーバーフロー x: スクロール プロパティを指定し、最大幅を 460px に設定すると、水平スクロールが得られます。左揃えの意味がわかりません。左寄せじゃないの？

于 2012-07-04T14:40:49.183 に答える