超出宽度的内容显示省略号
2016-06-08 09:15
337 查看
对容器做以下设置即可:
如果是对表格单元格使用,额外需要对table设置:table-layout:fixed;
width:100%;/*指定宽度*/ overflow: hidden; white-space: nowrap;/*规定段落中的文本不进行换行*/ text-overflow: ellipsis;/*若设置为clip则不显示省略号仅做裁剪*/ -o-text-overflow:ellipsis;/*针对Opera*/ -moz-text-overflow: ellipsis;/*针对FF*/
如果是对表格单元格使用,额外需要对table设置:table-layout:fixed;
相关文章推荐
- [置顶] 移动开发中“单位”的那些事儿
- 产品经理应该先写需求文档还是先画原型?
- QT5.3.2中新建 “空的Qt项目”出现不支持QApplication的解决方案
- windows上运行虚拟机出错解决
- ios客户端学习-手机屏幕尺寸
- Android中的颜色设置
- 启动eclipse ,出现错误 Java was started but returned exit code=13
- Visual Studio 2015 Update 3 RC
- 使用多种姿势上传图片
- 在Ubuntu|CentOS上安装Shutter截图工具及快捷键设置
- 今日推荐(三)AndroidResideMenu类似QQ侧滑效果
- 【6】机器学习之千篇一律:最优化
- 通过枚举验证用户权限
- Microsoft SQL Server 2012(附序列号)
- 玩转Android之Drawable的使用
- spring集成velocity
- SQL Server中的@@ROWCOUNT
- 75.VS2013和opencv3.1.0开发环境配置
- 1054 - Efficient Pseudo Code
- Java-实现多线程下载