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

【问题标题】：overflow-x: hidden in IE11 creates vertical scrollbaroverflow-x：隐藏在 IE11 中创建垂直滚动条
【发布时间】：2017-07-31 23:09:42
【问题描述】：

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

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

【问题讨论】：

请试试这个stackoverflow.com/questions/7242385/hide-scrollbar-in-ie
这些建议都没有奏效。
您是否尝试同时指定一个溢出-y：隐藏？
是的。我也试过了。

标签： css internet-explorer-11

【解决方案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

【讨论】：