小编ash*_*a91的帖子

如何在<td>中创建可滚动的div?

我有这个嵌套表.在其中一个<td>我想要一个可滚动的div.

<table class="table table-bordered" style="width:100% !important; font-size:10px; height:inherit;" border'1px'>
  <thead>
    <tr>
      <th style="text-align:center;vertical-align:middle;width:5% !important;">NO</th>
      <th style="text-align:center;vertical-align:middle;width:20% !important;">NAME</th>
      <th style="text-align:center;vertical-align:middle;width:75% !important;">LOCATION</th>
    </tr>                     	
  </thead>
  <tbody>
    <tr style="padding:0px;">
      <td colspan='2' style="padding:0px;">COLUMN 1</td>
      <td style="padding:0px;">
        <div style='width:800px;overflow-x:scroll;'>This DIV should have a large width</div></td>
    </tr>
  </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

当我800px作为div宽度插入时,它会正确显示.但是,如果我插入1000px显示输出中断了.理想情况下,我需要它达到5000px++.

html css html-table

3
推荐指数
1
解决办法
116
查看次数

标签 统计

css ×1

html ×1

html-table ×1