css - 只能垂直滚动的表格单元格

Question

我正在使用以下 CSS 和 bootstrap 3 使表格单元格垂直滚动

#scrollable {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}

<table table table-condensed table-hover style="table-layout: fixed;" >
  <tr>
    <td>
      <div id="scrollable">something .................................long</div>
    </td>
  </tr>
</table>

它似乎只能水平滚动(只是不在这个片段中)。我曾尝试使用上述限制，但没有运气。有什么建议吗？

Answer 1

使用溢出-y

#scrollable  {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}