（一）Tailwindcss

原创于 2025-08-10 19:18:01 发布 · 151 阅读

·

8

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

前端专栏收录该内容

17 篇文章

订阅专栏

文章目录

项目地址
一、常用

项目地址

教程作者：
教程地址：

代码仓库地址：

所用到的框架和插件：

dbt 
airflow

一、常用

1.1 字体

1. 字体大小

在这里插入图片描述

效果

在这里插入图片描述

2. 字体粗细

在这里插入图片描述

3. 文字位置

在这里插入图片描述

1.2 宽/高/背景/边框

1. 宽度

在这里插入图片描述

2. 背景

在这里插入图片描述

3. 边框

在这里插入图片描述

4. hover

在这里插入图片描述

5. 媒体查询

在这里插入图片描述

1.3 FlexBox

1. Flex布局

在这里插入图片描述

2. shrink

类名	等价 CSS	行为
`flex-1`	`flex: 1 1 0%`	自动扩张填满剩余空间
`flex-auto`	`flex: 1 1 auto`	会扩张，也会缩小，基础大小由内容决定
`flex-initial`	`flex: 0 1 auto`	不扩张，允许缩小，基础大小由内容决定
`flex-none`	`flex: none`	不扩张、不缩小，固定大小

3. Grid 布局

在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。