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