扫码关注官方订阅号
如上,我经常遇到表格字段太长,宽度又不够,我不知道改怎么展现才好看,总不能每个字段都设宽度吧?请问你们有没有好的解决方法呢?
认证0级讲师
当你的宽度就是不足以支撑整个表格的宽度的时候,这也是没有办法的,你看浏览器其实已经很努力地在帮你“优化”显示的效果了,当然了,因为各种内容都还是超出一行,所以很不完美但是有些技巧可以就你这个表格改的更加漂亮点
比如"责任"、"内容"、"工作项目"、"具体工作任务"这种表格的项目改成左对齐,并且"具体工作任务"中的查看详情另起一行"完成时限"加入额外的换行:
2015-12-09 至 2015-12-30
比你原先的就好很多
最后的"操作",既然已经显示不下了,何不干脆一行一个链接
一般的做法是用象素定义表格的宽度,然后用百分比定义每列的宽度。
根据一般前端项目设计的思路应该先确定表格里的内容的文字数量范围然后将表格td宽度的单位设置为em这样可以保证不会出现文字压缩的问题
td
em
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
当你的宽度就是不足以支撑整个表格的宽度的时候,这也是没有办法的,你看浏览器其实已经很努力地在帮你“优化”显示的效果了,当然了,因为各种内容都还是超出一行,所以很不完美
但是有些技巧可以就你这个表格改的更加漂亮点
比如"责任"、"内容"、"工作项目"、"具体工作任务"这种表格的项目改成左对齐,并且"具体工作任务"中的查看详情另起一行
"完成时限"加入额外的换行:
比你原先的就好很多
最后的"操作",既然已经显示不下了,何不干脆一行一个链接
一般的做法是用象素定义表格的宽度,然后用百分比定义每列的宽度。
根据一般前端项目设计的思路
应该先确定表格里的内容的文字数量范围
然后将表格
td
宽度的单位设置为em
这样可以保证不会出现文字压缩的问题