CSS
孤月葬花魂
我害怕鬼,但鬼未伤我分毫;我不害怕人,但是人把我伤得体无完肤。
展开
-
vue项目使用全局sass、less,以使用变量
vue项目使用sass、less 一、使用sass 在项目根目录创建vue.config.js,并写入以下内容 module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/assets/sass/index.scss";`, } } }, } 例如 // index.scss $red: #FF3B30 在项目中就可以愉快的使用 <style原创 2022-01-25 18:07:11 · 1067 阅读 · 0 评论 -
display: none、visibility: hidden 和 opacity: 0 之间的区别
display: none、visibility: hidden 和 opacity: 0 之间的区别 共同点 都是隐藏 不同点 1. 是否占据空间 display: none 隐藏后,不占位置 visibility: hidden: 隐藏后,仍然占据位置 opacity: 0: 隐藏后,仍然占据位置 2. 子元素是否继承 display: none: 不会被子元素继承,父元素都不存在了,子元素也不会显示出来 visibility: hidden: 会被子元素继承,通过设置子元素vis原创 2021-07-22 11:14:05 · 172 阅读 · 0 评论 -
文本超出使用省略号
话不多说,直接上代码 .overstep { /* 单行文本*/ /*超出部分不可见外能不能添加...,固定三项*/ overflow: hidden; /*超出部分不可见*/ text-overflow: ellipsis; /*隐藏部分的文字用...,但是这个想要实现,还*/ white-space: nowrap; /*还 设置宽度为非自动,即设置空格不换行*/ /* 多行文本 */ /* 溢出隐藏 */ overflow : hidden; /*原创 2021-04-06 10:20:08 · 167 阅读 · 1 评论