表格里使用text-overflow后不能隐藏超出的文本的解决方法
2016-12-10 13:41
585 查看
可以在td中加div
css:
.detail{
text-overflow:ellipsis;
white-space:nowrap;
width:500px;
height: 20px;
overflow:hidden;
}
.detail:hover
{
text-overflow:inherit;
overflow:visible;
height: auto;
}
htnl:
<td><div class="detail">{$result.detail}</div></td>
css:
.detail{
text-overflow:ellipsis;
white-space:nowrap;
width:500px;
height: 20px;
overflow:hidden;
}
.detail:hover
{
text-overflow:inherit;
overflow:visible;
height: auto;
}
htnl:
<td><div class="detail">{$result.detail}</div></td>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 解决表格里面使用text-overflow后依旧不能隐藏超出的文本
- 解决表格里面使用text-overflow后依旧不能隐藏超出的文本
- 使用text-overflow对表格中的数据进行隐藏，却不能实现
- android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法
- table表格中文本溢出text-overflow:ellipsis使用中td表格宽度失效问题
- 关于在extjs中使用column布局，不能显示textfield的标签（fieldLabel）解决方法
- 设置多行文本超出显示省略号，在手机端超出部分无法隐藏解决方法
- android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法
- CSS使用overflow隐藏超出范围的内容(文本过长隐藏)
- 关于在extjs中使用column布局，不能显示textfield的标签（fieldLabel）解决方法
- android TextView多行文本(超过3行)使用ellipsize="end"属性无效问题的解决方法
- android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法
- UIView不能使用UITableView的Static表格的解决方法
- 溢出文本text-overflow的使用问题分析及解决
- android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法
- android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法
- 使用jqGrid表格插件不能翻页之解决问题的方法