如何解决表格列的宽度和溢出设置不起作用
| 在我的样式表中: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
,但是不同列中的文本会重叠。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。