CSS
我是小妖yun
这个作者很懒,什么都没留下…
展开
-
el-row下el-col会错行
解决方案。原创 2024-01-06 14:48:24 · 461 阅读 · 0 评论 -
grid布局 item被内容撑开导致内容划分不等
grid布局 当item的行列布局由fr划分时其内容过多会导致item被撑开原创 2023-08-08 10:49:40 · 764 阅读 · 0 评论 -
letter-spacing使用导致最后一个字符后多出一个数值宽度
letter-spacing使用导致最后一个字符多出一个数值宽度原创 2023-07-20 10:20:17 · 608 阅读 · 0 评论 -
css变量(JavaScript修改css变量)
一 变量的声明声明变量的时候,变量名前面要加两根连词线(–)。:root { --font-size: 14px;}body { --color: #FFFFFF; --border-color: #EDEDED;}二 var()函数var()函数用于读取变量。.box { color: var(--color); border: 1px solid var(--border-color);}var()函数还可以使用第二个参数,表示变量的默认值。如果该变量不存在,就原创 2021-06-21 16:49:31 · 659 阅读 · 0 评论 -
深度作用选择器 (修改element样式)
这是 vue-loader 提供的一种写法,如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 >>> 操作符:.parent >>> .child { /* css样式 */}有些预处理器无法正确解析 >>>,比如Sass 。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。.parent /deep/ .chil原创 2020-11-30 10:32:22 · 698 阅读 · 1 评论 -
less
在vue中使用less依赖下载// 下载> npm install --save less less-loader// 检查版本> lessc -v使用main.jsimport less from 'less'Vue.use(less).vue<style lang='less'> /*less内容*/</style>less用法变量普通变量定义: @key: value使用: @key<style lang='le原创 2020-10-23 11:45:10 · 80 阅读 · 0 评论 -
CSS 超出部分显示省略号
// 单行文本.wrap { /* 超出部分隐藏 */ overflow:hidden; /* 超出部分显示省略号 */ text-overflow:ellipsis; /* 规定段落中的文本不进行换行 */ white-space:nowrap;}// 多行文本.wrap { width: 100%; overflow: hidden; /* 将对象作为弹性伸缩盒子...原创 2020-10-21 14:40:47 · 96 阅读 · 0 评论