有沒有辦法隱藏垂直溢出的表格？

https://codepen.io/anon/pen/VbyzER 有沒有辦法隱藏垂直溢出的表格？

<div> <!-- Div has set height, overflow hidden--> 
    <table> 
    <!-- Tons of rows --> 
    </table> 
</div>

忽略內聯CSS的混亂。無論我做什麼，該表似乎都會溢出其包裝div。

來源

2017-05-08 user2980081

似乎按預期方式工作？如果你想隱藏沒有滾動條的溢出，你需要將'overflow-y：auto'改爲'overflow-y：hidden' – Cfreak

@Cfreak似乎沒有工作？用dev控制檯檢查桌面http://i.imgur.com/tW16LVf.png – user2980081

我在自己的例子中改變了它，它工作正常。如果你在其他代碼中運行它，那麼其他的東西是錯誤的。 – Cfreak

你有

#wrapper { 
    height: 300px; 
    overflow-x: hidden; 
    overflow-y: auto; 
}

替代或補充，overflow-x: hidden，你應該使用overflow-y: hidden。

如果它不適合你，你還在做其他事情。

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <style> 
 
      div { 
 
       border:solid 1px red; 
 
       height:128px; 
 
       overflow-y:hidden; 
 
      } 
 
     </style> 
 
    </head> 
 

 
    <body> 
 
     <div> 
 
      <table> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
       <tr><td>X</td></tr> 
 
      </table> 
 
     </div> 
 
    </body> 
 
</html>

來源

2017-05-08 23:28:28

似乎沒有工作？使用dev控制檯http://i.imgur.com/tW16LVf.png檢查表格元素 – user2980081

有沒有辦法隱藏垂直溢出的表格？

回答

相關問題