![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
喝咖啡还是泡茶
这个作者很懒,什么都没留下…
展开
-
css禁止文字选中与图片拖拽
禁止文字选中.select-none { -webkit-user-select: none; -ms-user-select: none; user-select: none;}user-select目前的兼容性禁止图片拖拽.drag-none { -webkit-user-drag: none;}user-drag目前的兼容性原创 2021-09-26 14:48:40 · 539 阅读 · 0 评论 -
css多行文本换行省略号且识别换行符
>>>.textarea { .cell { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: blue; white-space: pre-line; }}原创 2021-07-30 10:19:16 · 184 阅读 · 0 评论 -
自定义词云特效结合el-carousel实现轮播图词云
轮播词云需求轮播图+词云每页最多8个词云最多24个词云展示(最多3页)词云渐出+呼吸灯效果效果图html部分<el-carousel arrow="never" indicator-position="outside" :height="carouselHeight" :autoplay="false" @change=原创 2021-04-21 16:02:16 · 840 阅读 · 1 评论 -
超长文字省略出现自适应失效
flex与white-space:nowrap混合使用,超长文本会使得容器自适应失效解决方案<div class='out'> <p class='inner'><p></div>css代码.modelname { flex 1 // width 60% width 0 p { width 100% line-height 36px原创 2021-04-20 20:07:06 · 125 阅读 · 0 评论