css解决td单元格内文字溢出
来源:互联网 发布:电商平台数据库设计 编辑:程序博客网 时间:2024/05/20 22:27
td单元格内显示的文字太长时,总是会自动分行,把表格撑高了,或者密密麻麻的一片,总是不好看~
俺一开始的做法是用php的mb_substr()来截取定长的字符串,但是,因为中英文字节的差异,比如,10个中文字符就比10个英文字符要长得多,在网页上显示起来就忽长忽短,无法对齐,很不美观~
~解决办法~
第一步:<table>标签加样式:table-layout:fixed;(一定要加,否则下面定义的td的样式都不起作用了)
第二步:<td>加样式:overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;
~成功解决~
===================补充===================
遇到一种情况,使用上述方法,在IE10、IE9、IE8、firefox、opera下都可以隐藏超出的文字,但是在IE7和IE6下就不能隐藏,显示了密密麻麻的几行文字(有标点的中文),几经搜索和尝试,找到两种解决方法:一是在td和文字之间套多一层div。二是td的宽度设置不用确定的数字,而是用百分比。
虽然找到了解决方法,但是对于其原因还是很莫名,若是有人知道原因跪请一定要告诉我~
- css解决td单元格内文字溢出
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- css样式控件td或div文字溢出用....表示
- css+div如何解决文字溢出
- css+div如何解决文字溢出
- 让TD单元格内的超长文字换行显示不影响表格整体效果
- table不让td中文字溢出操作方法
- 文字溢出之CSS
- 浏览器系列:css+div如何解决文字溢出
- css+div解决文字溢出控制显示字数
- css table td 文字过长隐藏
- css文字溢出显示省略号
- CSS 文字溢出 变成省略号
- CSS之文字溢出隐藏
- Css文字换行、溢出、对齐
- Requires VIBRATE permission
- Using openCV for Mac OS in XCode
- Windows Mobile程序全屏与非全屏
- Android 获取系统或SDCARD剩余空间信息
- magent编译出错
- css解决td单元格内文字溢出
- Out-of-order execution
- Yahoo Web UIs-Java开发者丰富的Web UI
- CentOS可视界面|图形界面安装
- Android 底层基础知识
- Yahoo!创始人:杨致远的故事
- js判断table是否为空
- C# TreeView树节点上下移动
- Android之Table Layout详解