overflow-x：隐藏在IE11中创建垂直滚动条

Question

在Chrome中，我有一个overflow-x：属性隐藏在表格的td＆＃39; s上。当单元格的内容超出单元格时，其余内容将被隐藏。当我在IE11中测试它时，隐藏了内容;但是，有一个令人讨厌的垂直滚动条出现，我不知道为什么。这是它的样子：

如果我在开发工具中取消选中该属性，则垂直滚动条会消失，但内容会溢出到该行中。有什么方法可以解决这个问题吗？

Answer 1

因为你想要隐藏单元格的内容，当它超出单元格空间时你应该尝试文本溢出，如：

<table class="custom">
  <tr>
    <td>
      long long long long lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnng
    </td> 
        <td>
      long long long long lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnng
    </td> 
        <td>
      long long long long lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnng
    </td> 
  </tr>
    <tr>
    <td>
      long long long long lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnng
    </td> 
        <td>
      long long long long lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnng
    </td> 
        <td>
      long long long long lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnng
    </td> 
  </tr>
</talble>

和css：

.custom td {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

reference