随笔分类 - CSS/Less/Sass/Stylus
摘要:下载依赖包 yarn add -D less less-loader 安装完之后就可以在代码中使用 less 编码了 <style lang="less" scoped> .about { min-height: 100vh; .header { color: red; font-size: 3re
阅读全文
摘要:在写样式的时候,有时候会有公共 class 和 特定 class 组合的形式,这样可以减少 css 的代码量。 给 react 中的元素添加多个 className 的方式有 3 种: 1、使用 classnames 库 npm install classnames --save 安装依赖 impo
阅读全文
摘要:在css中,我们有时会用到浮动属性。 简单来说,标准流文档中,块元素会占据整行来显示,比如div,h标签等。后面的标签会依次往后。 但是用了浮动之后,就会脱离文档流,意味着后面的标签可能会被挡住,引起布局混乱。因为浮动元素无法撑起父元素的高度(高度塌陷)。 那么又想使用浮动属性,又想让后面元素按标准
阅读全文
摘要:有时候会有溢出文本省略,然后显示三个点的要求。 需要注意: 1、一定要给容器设置 宽度。 2、容器不能是flex布局,需要改为 block 或者 inline-block。 单行文本时,只需要给元素设置下面属性(需要先设置容器宽度): 1 overflow: hidden; 2 text-overf
阅读全文

浙公网安备 33010602011771号