.siderbarTitle{
display: inline-block;
width:100px;
word-break: keep-all;
overflow: hidden;
text-overflow: ellipsis;
&:hover{
overflow: visible;
animation: 3s siderbar linear infinite normal;
z-index: 0;
}
@keyframes siderbar {
0% {
transform: translateX(0);
-webkit-transform: translateX(0);
}
100% {
transform: translateX(-45px);
-webkit-transform: translateX(-45px);
}
}
}
css样式文字溢出显示省略号,鼠标移入滚动显示
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 单行多余文字溢出显示省略号 效果图: 多行多余文字溢出显示省略号 效果图: 固定区域纵向滚动 效果图: 固定区域横...
- 今天小菌为大家介绍CSS样式之单行文本固定width溢出文字用省略号替换显示的用法,今天的干货是在css手册里无法...
- 没有设置相应的css属性前 设置相应属性之后 Html部分 title属性是在鼠标放到这个文本上会显示出来Css部分