calc 运算符 " + - * / " 左右两边均要留空格 height: calc(100% - 50px);子元素加padding,父元素不撑开 padding: 1rem 1rem; box-sizing: border-box;垂直居中 vertical-align: -webkit-baseline-middle;/*垂直居中*/Flex布局 flex-grow: 1; /*自动充满剩余部分*/ flex-shrink: 0; /*不要压缩我*/去掉背景色 background-color:transparent;文字不换行 white-space: nowrap;padding不要撑开父元素 box-sizing: border-box;rem根据屏幕宽度自动计算字体大小 var c = () => { let w = document.documentElement.clientWidth; /*获取设备的宽度*/ let n = (16 * w / 1920) > 40 ? 40 + "px" : (16 * w / 1920 + "px") document.documentElement.style.fontSize = n } window.addEventListener('load', c) window.addEventListener('resize', c) 去除属性 .reset{ color:unset; //去掉这个属性 } CSS溢出显示点点点 //单行 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; //多行 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;/显示几行/ overflow: hidden;