html - 缩小窗口尺寸时，窗口页面中的表格不应有水平滚动条

Question

我试过了

<table border="0" cellspacing="0" 
 cellpadding="0" height="25" width="100%" style='table-layout:fixed' >

和

<table border="0" cellspacing="0" 
 cellpadding="0" height="25" width="100%" overflow:hidden >

Answer 1

需要指定两个属性，table-layout:fixed on table 和 white-space:nowrap;在细胞上。您还需要移动 overflow:hidden;也对细胞。

table {width:100%; table-layout:fixed;}
td {overflow:hidden; white-space:nowrap;}

您可以使用 overflow-x:hidden 仅在文本溢出时水平隐藏文本。同样 overflow-y:hidden 隐藏垂直滚动条。请记住还要将 table-layout 设置为 fixed 并将 white-space 设置为 no-wrap