数据过多时不会影响页面布局
2012-05-15 23:40
148 查看
1,在不影响布局的情况下,可以选择,数据自动换行
a.设置宽度限制:可以使用width值和max-width最大宽度值。
b.内容自动换行:word-wrap:break-word(中文,英文语句,长串字母都能实现);
注意点:长串字母实现前提,必须将宽度限制直接添加到“文本内容的标签”。
2,控制数据超出一定范围,自动隐藏——通过title值来显示全部数据信息
a.设置宽度限制:可以使用width值和max-width最大宽度值。
b.超出范围隐藏:overflow:hidden;
3,控制数据超出一定范围,自动隐藏,并显示省略号...——通过title值来显示全部数据信息
a.数据不换行:white-space:nowrap;
b.超出范围隐藏:overflow:hidden;
c.显示省略号:text-overflow:ellipsis;
a.设置宽度限制:可以使用width值和max-width最大宽度值。
b.内容自动换行:word-wrap:break-word(中文,英文语句,长串字母都能实现);
注意点:长串字母实现前提,必须将宽度限制直接添加到“文本内容的标签”。
2,控制数据超出一定范围,自动隐藏——通过title值来显示全部数据信息
a.设置宽度限制:可以使用width值和max-width最大宽度值。
b.超出范围隐藏:overflow:hidden;
3,控制数据超出一定范围,自动隐藏,并显示省略号...——通过title值来显示全部数据信息
a.数据不换行:white-space:nowrap;
b.超出范围隐藏:overflow:hidden;
c.显示省略号:text-overflow:ellipsis;
相关文章推荐
- 去除前台生成隐藏的的VIEWSTATE,不会影响机能,使得页面提交更快。
- 导出/导入数据时不会对统计信息产生影响
- HTML静态网页中字体对页面布局的影响
- 四十四、如何基于数据统计做网站页面布局的优化和适配
- 前端——float浮动的块状元素编写的先后顺序对页面布局的影响
- 小记--关于页面缓存,刷新页面不会获取最新数据问题
- 遮盖层加弹出框页面布局不影响
- 用CSS防止HTML页面输入字符过多撑大布局
- 处理DrawerLayout布局中数据过多导致的滑出卡顿
- 零高度 iframe对页面布局的影响
- 查询数据过多页面反应慢引入缓存解决方案(Redis、H2)
- iOS同一种页面布局加载不同的页面数据的数据刷新
- ArcGIS教程:在页面布局中处理数据框
- 选择排序法 当数据量较小的时候,使用基本排序方案并不会显著影响程序性能。 选择排序是十分常用的基本排序方案之一。
- 去除前台生成隐藏的的VIEWSTATE,不会影响机能,使得页面提交更快
- update 数据相同的话 修改不会影响字段 返回值是0
- 页面布局margin越界和float引起的影响常用的css套路
- 网站后台调用跳出提示框不会打乱页面布局的方法
- 使用Ext Viewport进行页面布局时Panel中的sumit按钮无法提交表单数据
- FastReport.net 系列-----FastReport基本操作介绍(数据绑定,页面布局)