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

问题描述

| 在我的样式表中：

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>

我也设置了第一列的宽度 缩小以测试溢出。 我也设置了第二列的宽度 很想测试该列是否 宽度已设定。 在Firefox或Safari中，溢出或列宽均无效。 谢谢。 更新资料 在这里工作小提琴：http://jsfiddle.net/46jXM/     

解决方法

您可以使用

word-wrap:break-word

。但是您必须为表格指定宽度。

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

您也可以保留

word-wrap:break-word

，但是不同列中的文本会重叠。