码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标悬停显示隐藏省略文字

时间:2019-12-20 11:37:44      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:content   line   pre   鼠标   margin   ble   div   space   wrap   

.title_content{
font-size:14px;
margin: 10px 5px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.title_content:hover{
text-overflow:inherit;
overflow: visible;
white-space: pre-line;
}
 
<div  class=‘title_content‘>隐藏ellipsis</div>

鼠标悬停显示隐藏省略文字

标签:content   line   pre   鼠标   margin   ble   div   space   wrap   

原文地址:https://www.cnblogs.com/maibao666/p/12072168.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!