孤月葬花魂的博客

vue项目使用sass、less一、使用sass在项目根目录创建vue.config.js，并写入以下内容module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/assets/sass/index.scss";`, } } },}例如// index.scss$red: #FF3B30在项目中就可以愉快的使用<style

display: none、visibility: hidden 和 opacity: 0 之间的区别共同点都是隐藏不同点1. 是否占据空间display: none 隐藏后，不占位置visibility: hidden: 隐藏后，仍然占据位置opacity: 0: 隐藏后，仍然占据位置2. 子元素是否继承display: none: 不会被子元素继承，父元素都不存在了，子元素也不会显示出来visibility: hidden: 会被子元素继承，通过设置子元素vis

话不多说，直接上代码.overstep { /* 单行文本*/ /*超出部分不可见外能不能添加...，固定三项*/ overflow: hidden; /*超出部分不可见*/ text-overflow: ellipsis; /*隐藏部分的文字用...，但是这个想要实现，还*/ white-space: nowrap; /*还 设置宽度为非自动，即设置空格不换行*/ /* 多行文本 */ /* 溢出隐藏 */ overflow : hidden; /*