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>

使列表水平和垂直可滚动

1 个答案: