一直很困扰的表格布局？

Question

如上，我经常遇到表格字段太长，宽度又不够，我不知道改怎么展现才好看，总不能每个字段都设宽度吧？请问你们有没有好的解决方法呢？

Answer 1

当你的宽度就是不足以支撑整个表格的宽度的时候，这也是没有办法的，你看浏览器其实已经很努力地在帮你“优化”显示的效果了，当然了，因为各种内容都还是超出一行，所以很不完美
但是有些技巧可以就你这个表格改的更加漂亮点

比如"责任"、"内容"、"工作项目"、"具体工作任务"这种表格的项目改成左对齐，并且"具体工作任务"中的查看详情另起一行
"完成时限"加入额外的换行：

2015-12-09
    至
2015-12-30

比你原先的就好很多

最后的"操作"，既然已经显示不下了，何不干脆一行一个链接

Answer 2

一般的做法是用象素定义表格的宽度，然后用百分比定义每列的宽度。

Answer 3

根据一般前端项目设计的思路
应该先确定表格里的内容的文字数量范围
然后将表格td宽度的单位设置为em
这样可以保证不会出现文字压缩的问题