随笔分类 -  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 阅读全文
posted @ 2023-09-09 14:41 我的故事没编好 阅读(801) 评论(0) 推荐(0)
摘要:在写样式的时候,有时候会有公共 class 和 特定 class 组合的形式,这样可以减少 css 的代码量。 给 react 中的元素添加多个 className 的方式有 3 种: 1、使用 classnames 库 npm install classnames --save 安装依赖 impo 阅读全文
posted @ 2020-10-27 19:05 我的故事没编好 阅读(5218) 评论(0) 推荐(1)
摘要:在css中,我们有时会用到浮动属性。 简单来说,标准流文档中,块元素会占据整行来显示,比如div,h标签等。后面的标签会依次往后。 但是用了浮动之后,就会脱离文档流,意味着后面的标签可能会被挡住,引起布局混乱。因为浮动元素无法撑起父元素的高度(高度塌陷)。 那么又想使用浮动属性,又想让后面元素按标准 阅读全文
posted @ 2020-05-05 09:26 我的故事没编好 阅读(282) 评论(0) 推荐(0)
摘要:有时候会有溢出文本省略,然后显示三个点的要求。 需要注意: 1、一定要给容器设置 宽度。 2、容器不能是flex布局,需要改为 block 或者 inline-block。 单行文本时,只需要给元素设置下面属性(需要先设置容器宽度): 1 overflow: hidden; 2 text-overf 阅读全文
posted @ 2018-05-21 23:18 我的故事没编好 阅读(302) 评论(0) 推荐(0)