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

Question

在Chrome中，我有一个overflow-x属性：隐藏在表的td上。当单元格的内容超过单元格时，其余内容将被隐藏。当我在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