リストを水平方向および垂直方向にスクロール可能にする

Question

各セルに垂直リストがあるテーブルがあります。しかし、いくつかのセルは、横幅が広すぎるテキストを持っているので、リストdiv内で横方向にスクロールできるようにしたい。

私はこのような試みをしましたが、それは垂直スクロールリストのみを提供しますが、水平方向はスクロールできないコンテンツです。

ol { 
    height: 160px; 

    overflow-y: auto; 
    overflow-x: auto; 
} 

td { 
    height: 200px; 
} 


li { 
    padding-bottom: 5px; 
    width: 95%; 
} 

私のリスト（各リストアイテム）のコンテンツを必要に応じて水平にスクロール可能にするにはどうすればよいですか？

Answer 1

コードサンプルは素晴らしいですが、テーブルセル内で縦方向と横方向のスクロールが可能なサンプルがあります。 （私が正しくあなたの要件を理解しましたか？）

td { 
 
max-width:100px; 
 
max-height:100px; 
 
overflow-y: auto; 
 
overflow-x: auto; 
 
display:block; 
 
} 
 

 
li { 
 
white-space: nowrap; 
 
}

<table><tr><td> 
 
<ul> 
 
    <li>Foobar testklst tesjktl tjekslt tjkeslt tekljst tjesklt</li> 
 
    <li>Foobar ljfse selfjse lfjase asliejfasj as asefklj</li> 
 
    <li>Foobar ljfse selfjse lfjase asliejfasj as asefklj</li> 
 
    <li>Foobar ljfse selfjse lfjase asliejfasj as asefklj</li> 
 
    <li>Foobar ljfse selfjse lfjase asliejfasj as asefklj</li> 
 
    <li>Foobar ljfse selfjse lfjase asliejfasj as asefklj</li> 
 
    <li>Foobar ljfse selfjse lfjase asliejfasj as asefklj</li> 
 
</ul> 
 
</td></tr></table>