div中的table内容过多时不超出div的范围解决方法
来源:互联网 发布:nodejs 数组 push 编辑:程序博客网 时间:2024/05/17 19:22
问题描述:
在做界面展示时,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
0 0
- div中的table内容过多时不超出div的范围解决方法
- 实现div内部文字,一旦超出div的范围,就不显示,并且超出的用"..."显示
- Div或Table内容超出宽度时隐藏
- 页面内容超出范围解决方法
- 让超出DIV宽度范围的文字自动显示省略号...
- 超出div宽度范围的文字进行省略号省略,在鼠标移上去以后显示完整的内容
- div里面的内容超出自身高度时,显示省略号
- div内的内容超出则自动换行
- div里面的内容超出自身高度时,显示省略号
- table表格内容过多时中自动换行
- 在一个div里放一个table,如果不设置border="0" cellpadding="0" cellspacing="0",当table 的高和宽与div相等时,会超出div
- 怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
- 怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
- DIV内容超出自动添加滚动条
- js代码,当div中内容高度超出div高度的时候实现定制滚动条!
- DIV内容超出div宽度后自动换行的css代码
- span 内容过多时强制换行 而不隐藏
- li 的点超出div
- 开发中比较有用的几个OnLine Web
- 【工作记录】:2015-7到2015-9的工作记录
- 修改手机CPU指令集的教程
- OC基础-NSNumber类簇-将简单数据类型保存为对象
- c++primer 第三章习题(4)
- div中的table内容过多时不超出div的范围解决方法
- google android audio presentation
- Web前端开发十日谈
- Android权限
- Android 4.4 沉浸式透明状态栏与导航栏
- 32位系统-数据类型占内存字节数
- ffmpeg 的时间单位
- WebM: 一个开放、免费的媒体文件格式
- JDK、JRE、JVM三者间的关系