![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
D_jing20
这个作者很懒,什么都没留下…
展开
-
vue文本识别 “ \n ” 的换行问题
在 vue 项目,有时请求返回的数据中会有含有 \n 的字符串,如果直接渲染的话无法实现换行。一、通过 css属性 实现:设置 white-space: pre-wrap;二、使用v-html实现:首先,将字符串里的 \n 替换为 ,然后用 v-html 指令渲染字符串为 innerHTML 。三、标签:pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。原创 2022-09-05 14:10:39 · 16695 阅读 · 10 评论 -
css背景色、背景图设置
1、背景渐变-webkit-linear-gradient(渐变的起始位置,颜色位置,颜色位置)div {width:300px;height:100px;/* background:-webkit-linear-gradient(渐变的起始位置,颜色位置,颜色位置) */background:-webkit-linear-gradient(top,red 0%,green 50%,blue 100%);}2、多背景(多个背景图片)div {border:1px solid #000..原创 2021-07-30 14:18:03 · 162 阅读 · 0 评论 -
css编写hover动态效果(放大、旋转、翻转)
1、放大镜.box .imgs{width:100%;height:245px;display:block;}.box:hover .imgs{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:al原创 2021-07-30 14:14:53 · 2238 阅读 · 0 评论 -
css超过一行(多行)显示省略号
/*超过一行省略号*/.oneline{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/*超过两行省略号*/.twoline{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: verti.原创 2021-07-30 13:47:33 · 1147 阅读 · 0 评论