div中的table内容过多时不超出div的范围解决方法
2015-09-25 15:30
357 查看
问题描述:
在做界面展示时,table的内容过多,超出div的大小,看着table的边框盖过了div的边框,不美观。
问题解决:
因为页面整体的布局美工都设计好了,使用公共的css文件,所以自己改的时候只能在jsp中重新定义<style type="text/css"></style>,在这儿定义table的属性,table-layout:fixed;,然后定义table中td的属性,overflow:hidden;text-overflow:ellipsis;,然后在定义table中td的属性,nowrap=false,整个问题就解决了。解决完成的效果是:如果td中的内容过多,会隐藏多出的部分,然后有三个省略号表示隐藏的部分。
如图:
问题截图:
解决后的截图:
原文链接:
http://my.oschina.net/hws/blog/189751
在做界面展示时,table的内容过多,超出div的大小,看着table的边框盖过了div的边框,不美观。
问题解决:
因为页面整体的布局美工都设计好了,使用公共的css文件,所以自己改的时候只能在jsp中重新定义<style type="text/css"></style>,在这儿定义table的属性,table-layout:fixed;,然后定义table中td的属性,overflow:hidden;text-overflow:ellipsis;,然后在定义table中td的属性,nowrap=false,整个问题就解决了。解决完成的效果是:如果td中的内容过多,会隐藏多出的部分,然后有三个省略号表示隐藏的部分。
如图:
问题截图:
解决后的截图:
原文链接:
http://my.oschina.net/hws/blog/189751
相关文章推荐
- RTMP协议握手详解
- Android Message和obtainMessage的区别
- Swift - 继承UIView实现自定义可视化组件(附记分牌样例)
- LinuxSystemProgramming-vi
- sphinx + mysql 全文索引配置
- 静态内部抽象类
- MySQL通用优化手册
- 网上商城ssh问题汇总
- easyui datagrid edit 取消单行,多行文本框编辑
- CentOS7安装MariaDB5.5.39全记录
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Linux内核源代码分析——fork()原理&多进程网络模型 http://blog.csdn.net/hyfcomeon/article/details/9060237
- PHP发送短信
- 欧拉函数之HDU1286 找新朋友
- 0131 Eclipse远程调试(远程服务器端监听)
- 从网上找的Android实用代码,记录备用
- Swift - 使用UIView给页面添加4×4方格
- Swift - whose view is not in the window hierarchy 问题解决方法
- IPv6 tutorial – Part 7: Zone ID and unique local IPv6 unicast addresses
- 15道简单算法题