尧图企业网站定制 尧图 YAOTU WEB
咨询热线 400-888-6688 立即定制
资讯动态

Tailwind css 学习备忘

发布时间：2026/9/25 18:57:48 来源：尧图企业网站定制
微
flex布局加在父元素上这个父元素变成 flex 容器它的直接子元素变成 flex 项目且只影响直接子元素默认直接子元素横向排列从左到右。默认主轴水平方向交叉轴垂直方向。justify-* 控制主轴对齐items-*控制交叉轴对齐加在父容器上而不是子元素。只写 justify-center 但父容器不是 flex 布局样式不会生效。justify-center 作用是把子元素在主轴方向居中。在容器上同时加上flex和flex-colflex开启弹性布局flex-col把排列方向设为纵向。在某个 flex 父容器的直接子项上加了flex-1它会自动撑满剩余宽度/高度bg-white/70表示白色背景 70% 不透明度。transition不是让元素动起来而是让某个 CSS 属性的变化变得平滑。过渡常见属性color、background-color、opacity、transformtransform用来对元素进行几何变换常见有平移translate、缩放scale ...button classNamemd:hidden/在md及以上屏幕隐藏这个按钮min-width: 768px
返回资讯列表 →
RELATED · 相关阅读

延伸阅读

书签劫持+WebSocket：验证连接与资源指令下发链路解析
2026/9/25 18:57:48

书签劫持+WebSocket：验证连接与资源指令下发链路解析
WorkBuddy Tools：基于SQLite分片与Tauri IPC的多账号状态同步引擎
2026/9/25 18:57:48

WorkBuddy Tools：基于SQLite分片与Tauri IPC的多账号状态同步引擎
HTTP POST不被支持？405错误的原理与实战排查指南
2026/9/25 18:57:48

HTTP POST不被支持？405错误的原理与实战排查指南
如何给Aliens Eye添加自定义平台？sites.d即插即用插件完整教程
2026/9/25 18:57:28

如何给Aliens Eye添加自定义平台？sites.d即插即用插件完整教程
仲夏CMS | 建站这件事，本来不该这么累
2026/9/25 18:56:48

仲夏CMS | 建站这件事，本来不该这么累
皮下的避孕“小棍“不见了、摸不到，怎么办？这份最新指南给出标准答案
2026/9/25 18:56:28

皮下的避孕“小棍“不见了、摸不到，怎么办？这份最新指南给出标准答案
书签劫持+WebSocket：验证连接与资源指令下发链路解析
2026/9/25 18:57:48

书签劫持+WebSocket：验证连接与资源指令下发链路解析
WorkBuddy Tools：基于SQLite分片与Tauri IPC的多账号状态同步引擎
2026/9/25 18:57:48

WorkBuddy Tools：基于SQLite分片与Tauri IPC的多账号状态同步引擎
HTTP POST不被支持？405错误的原理与实战排查指南
2026/9/25 18:57:48

HTTP POST不被支持？405错误的原理与实战排查指南
ROS2 高级进阶：从“能搭系统“到“能扛生产“，看这一篇就够了
2026/9/26 4:06:37

ROS2 高级进阶：从“能搭系统“到“能扛生产“，看这一篇就够了

ROS2 高级进阶：从"能搭系统"到"能扛生产"，看这一篇就够了 摘要：中级阶段你已经能把一堆节点组装成系统了。但真正上项目时，你会发现：传感器数据丢包怎么办？十几个节点CPU跑满怎么办&am…
Matlab黑白图像彩色化实战：从优化着色到深度学习
2026/9/26 4:06:37

Matlab黑白图像彩色化实战：从优化着色到深度学习

做图像处理的同行应该都遇到过这样的需求：手头只有一张黑白老照片或一段监控灰度帧，想给它补上颜色，让画面活起来。黑白图像彩色化这个课题，我在Matlab上折腾过很长时间，从最传统的颜色扩散优化到基于深度学习的端到端…
二、10大神级提示词模板（直接复制，替换即用）
2026/9/26 4:06:17

二、10大神级提示词模板（直接复制，替换即用）

早上把电脑一开上班, 很多人的工作步骤已经没办法离开人工智能了, 比如写文章、做计划、把数据整理好、写程序代码、做总结报告等等, 人工智能变成了职场工作人员的第二个大脑, 可是同样是使用人工智能工具，有的人花半个小时就解决了需要花一天才能做完的工作量, 还…
【Jetpack Compose娓娓道来 】第19课：自适应布局与多设备适配——一套代码，处处得体
2026/9/26 4:05:57

【Jetpack Compose娓娓道来 】第19课：自适应布局与多设备适配——一套代码，处处得体

一、先讲一个真实的尴尬 你花了两周做了一个漂亮的App，在手机上跑得完美。老板说：“拿平板演示一下。” 你打开平板，界面确实能跑。但列表项拉得老长，一行文字从屏幕左边一直延伸到右边，你得转头才能读完。卡片变得又扁…
【Jetpack Compose娓娓道来】 第17课：安全、权限与隐私——容易被忽视的“隐形”必修课
2026/9/26 4:05:57

【Jetpack Compose娓娓道来】 第17课：安全、权限与隐私——容易被忽视的“隐形”必修课

一、回顾与引入 前十六课我们一路走来，从Compose的基本概念、布局、状态、列表、导航、主题、动画手势、自定义绘制，到与View互操作、性能优化、测试调试、架构分层、协程深度结合、Compose Multiplatform、生产级项目实战、性能优化进阶，基本…
多屏协同，把“异地“过成“同屏“
2026/9/26 4:05:37

多屏协同，把“异地“过成“同屏“

苏轼在中秋夜写"但愿人长久，千里共婵娟"。千年之后，我们把"婵娟"换成了"屏"。中秋月圆，有人回家围炉，有人守在异乡的项目里。可隔着山海，也能隔屏同框——一份文档多端同步，…
Spring AI 跑 RAG、MCP 到多 Agent 编排：Key 用 TaoToken
2026/9/25 10:37:13

Spring AI 跑 RAG、MCP 到多 Agent 编排：Key 用 TaoToken

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
YOLO26是假命题：五代模型真实能力与部署避坑指南
2026/9/25 3:50:00

YOLO26是假命题：五代模型真实能力与部署避坑指南

1. YOLO26不是“下一代”，而是社区自发命名的混淆信号YOLO26这个名称在2025年下半年突然密集出现在GitHub Issues、知乎技术帖、Bilibili部署教程弹幕和CSDN评论区，但翻遍Ultralytics官方仓库、arXiv最新论文库、CVPR 2025接收列表，甚至PyPI包…
Atlas 300V 24G 推理加速卡部署 YOLO 全流程实战
2026/9/25 3:44:27

Atlas 300V 24G 推理加速卡部署 YOLO 全流程实战

关于“Atlas”“Atlas 部署 YOLO”以及“Atlas 300V 24G 是不是运算加速卡”这几个问题，我在实际项目里正好都用过一轮，踩了一些坑，也总结了一套能直接跑的流程。这篇文章就以 Atlas 300V 24G 为例，从硬件定位、部署环境、YOLO 模…
学校官网模拟全流程实践：从页面布局到后端接口与部署
2026/9/26 0:00:03

学校官网模拟全流程实践：从页面布局到后端接口与部署

如果你正在找一门 Web 大作业的题目，或者刚开始接触 Web 前端开发想做点能拿来展示的东西，“学校官网模拟”几乎是最稳的选择。题目看着简单，但要把导航、新闻列表、轮播 Banner、二级页面、后台数据都串起来，其实已经把前端布局、…
数据库课后习题答案别硬背：当测试用例集刷，效率翻倍
2026/9/26 0:00:23

数据库课后习题答案别硬背：当测试用例集刷，效率翻倍

简介：万常选版《数据库原理与设计》课后习题答案资源，覆盖第2至6章及第9章，适合正在学习关系模型、数据库建模、关系数据理论与模式求精的本科生、自学者作为复习与自测材料。压缩包共7个文件，含3个doc参考答案、2个sql示例脚本、…
【愚公系列】《OpenClaw实战指南》018-写作与整理：用 TaoToken 统一 Key 打通 OpenClaw Skill 周报公文流水线
2026/9/26 0:00:43

【愚公系列】《OpenClaw实战指南》018-写作与整理：用 TaoToken 统一 Key 打通 OpenClaw Skill 周报公文流水线

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
从零到一构建开源项目的完整历程：交付前的最后检查怎么做
2026/9/25 20:23:54

从零到一构建开源项目的完整历程：交付前的最后检查怎么做

从零到一构建开源项目的完整历程：交付前的最后检查怎么做能运行的原型与可稳定发布的开源项目之间，通常还需要补齐测试、文档、兼容性和发布流程。 在开源项目的早期阶段，很多开发者倾向于“快速出 Demo，出了问题再修”。 可一旦项…
分布式服务的决策记录
2026/9/25 17:28:23

分布式服务的决策记录

分布式服务的决策记录架构演进最怕只有结果没有理由。一次拆分、缓存或队列调整，都应写明当时的瓶颈、备选方案、选择原因和撤回条件。 记录的最小单位 用一页说明解决的任务、依赖、风险和验证方式即可。别把决定写成永远正确的准则；前提变化时&#xf…
持续集成 流水线自动化与 声明式交付 实践：原型怎样变成可用功能
2026/9/25 17:28:21

持续集成 流水线自动化与 声明式交付 实践：原型怎样变成可用功能

持续集成 流水线自动化与 声明式交付 实践：原型怎样变成可用功能分类：[AI/大模型]细分主题：AI 增强型 CI/CD 流水线自动化与 GitOps 实践：Agent 工作流、工具调用与任务拆解：从原型到生产的验收清单很多团队在尝试用大…

读完文章，也想定制专属网站？

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑