表列宽度和溢出设置不起作用

Question

在我的样式表中：

table.fixed { table-layout:fixed; }
table.fixed td, th { overflow: hidden; }

在我看来：

<table class="fixed">
  <col width="20px" />
  <col width="300px" />
  <col width="50px" />
  <% @reviewers.each do |r| %>
    <tr>
      <td><%= r.first_name %></td>
      <td><%= r.last_name %></td>
      <td><%= r.email %></td>
    </tr>
  <% end %>
</table>

1. 我也设置了第一列宽度 缩小以测试溢出。
2. 我也设置了第二列宽度 长期测试是否列 宽度设定。

Firefox或Safari中的溢出或列宽都不起作用。

感谢。

更新
在这里工作小提琴：http://jsfiddle.net/46jXM/

Answer 1

您可以使用word-wrap:break-word。但是你必须为表格指定一个宽度。

table.fixed { table-layout:fixed; word-wrap:break-word; width:100% }

您也可以离开word-wrap:break-word，但不同列中的文字会重叠。