请教下,表格宽度设置有什么好方法吗?

在表格列数比较多的情况下,有的字段占用空间少,有的多,我不想让多内容的cell把表格撑的很大,也不想加水平滚动条,一般有什么好的方法控制表格布局?或者大家说说自己开发中遇到表格时的布局思路,谢谢。

阅读 3.1k
3 个回答

内容多的超过max-width让它文本末尾省略号,然后把文本放在a标签,鼠标悬浮提示所有内容呗

`overflow:hidden;text-overflow:hidden;white-space: nowrap;`

可以把表格内容放到一个div里,固定div的宽度。也可以使用display:inline-block强制设置宽度。

给table宽度100%,动态获取table宽度计算设置表头每列td的宽度,td加上overflow:hidden让超过宽度的内容隐藏起来,或者word-wrap:break-word让其自动换行

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题