我在html中生成应用程序日志,我偶然发现一个相当烦人的问题.我有以下布局:
| Action | Result | File path |
例如
| Copy | Success | C:\VeryVeryVeryLongF | | | | ileName.txt |
第1列和第2列仅显示短标签:其内容应保留在一行中.另一方面,列3可能包含非常长的文件路径,如果它们不能适合单行,则应该跨越多行.
为了实现这一点,我已经使用了空格:nowrap;在第一列,白空间:正常;单词:break-all;在最后另外,表格宽度:100%.
这在Chrome和IE中非常出色,但在Firefox中却不是很好:简而言之,我似乎找不到一种方法来告诉Firefox 8.0不放大表的最后一列,而是让文本跨越多行.在我之前的例子中,Firefox打印
| Copy | Success | C:\VeryVeryVeryLongFileName.txt |
前两列中的文本可能会有所不同,因此我无法手动设置宽度,并使用table-layout:fixed.我还尝试在表上设置max-width,并将其包装在div中,无效.
参见http://jsfiddle.net/GQsFx/6/的现实生活例子=)如何使FF的行为像Chrome?
谢谢!
解决方法
这会工作吗这似乎与jsfiddle一起工作.基于百分比的前两个列,然后宽度自动第三,表格布局:固定在表上.
http://jsfiddle.net/keithwyland/uuF9k/1/
.actions { width:100%; table-layout: fixed; } .actions tr td { white-space: nowrap; width: 15%; } .actions tr td:nth-child(3) { white-space: normal; word-break: break-all; word-wrap: break-word; width: auto; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。