表列文本是否大于列宽？

Question

我在table列中有一些文本大于我想要的列宽。因此，文本溢出来了。所以我应用overflow:auto，但在这种情况下，它显示每个页面上的滚动，其中数据小于列的宽度。

我不想在该页面上显示数据小于列宽度的滚动，只想显示数据大于其长度的位置。

有人有什么建议吗？

<td  style=" width:50%;overflow:auto;>    

Answer 1

尝试使用固定width和overflow: auto

将div内容包装在div中

例如：

<table>
  <tr>
    <td>some content</td>
    <td>  <!-- your fixed width column -->
       <div style="width: 100px; overflow: scroll;">
          Loremipsumdolorsitametconsectetuadipisicingelit
       </div>
    </td>
  </tr>
</table>

Answer 2

use this <td  style=" width:50%;overflow:scroll;"> 
This will insert horizontal and vertical scrollbars.
They will become active only if the content requires it.