处理文字过长显示超出解决方案(纯css解决)
2015-09-09 13:45
666 查看
问题起因:做项目遇到列表下文字超长导致页面样式混乱的情况,
处理如下:
设定每个单元格的最大宽度,max-width:
对超出部分进行截取:overflow:hidden; 缺点:最后一个字很容易截掉一半;
添加对超出部分添加...进行省略(兼容各个浏览器):text-overflow:ellipsis; 缺点:只支持一行,多行的无法实现
效果:
还有添加js方法进行截取,后续补充。
处理如下:
设定每个单元格的最大宽度,max-width:
对超出部分进行截取:overflow:hidden; 缺点:最后一个字很容易截掉一半;
添加对超出部分添加...进行省略(兼容各个浏览器):text-overflow:ellipsis; 缺点:只支持一行,多行的无法实现
效果:
还有添加js方法进行截取,后续补充。
相关文章推荐
- 彻底弄懂css中单位px和em,rem的区别
- CSS float属性
- css 实现table 隔行变色
- 如何将样式表加入您的网页
- 一个简单的poster样式
- css clear的理解
- textarea设置css
- css实现文字环绕
- 数据库中的文本如果有标签应该在往网页上显示前先把标签和样式都过滤掉
- 修改sharepoint列表样式
- table中td与td显示细线
- CSS3动画制作的简单示例
- css 鼠标提示样式预览表[转]
- CSS3中box-shadow的用法介绍
- 举例详解CSS中的的优先级
- 举例详解CSS中的继承
- CSS选择器的浏览器支持
- CSS温故第三天【样式】-链接 表格
- W3ShcoolHTML/CSS学习笔记精华版
- HTML中嵌入CSS样式