搜索
javascript - 一直很困扰的表格布局?
PHP中文网
PHP中文网 2017-04-10 16:29:47
[JavaScript讨论组]

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

PHP中文网
PHP中文网

认证0级讲师

全部回复(3)
怪我咯

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

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

2015-12-09
    至
2015-12-30

比你原先的就好很多

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

巴扎黑

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

高洛峰

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号