公共类

---

公共类是 bunny.css 中不以组件形式存在的全局 class，可用于任何元素快速设置样式。

布局 — Display & Flex

类名	描述	版本
flex	Flex 容器
flex-col	Flex 纵向布局
flex-center	Flex 水平+垂直居中
flex-between	Flex 两端对齐（居中）
flex-wrap	允许换行
hidden	隐藏元素	v2.0.6+
block	块级元素	v2.0.6+
inline-flex	行内 Flex 容器	v2.0.6+
flex-around	Flex 环绕分布	v2.0.6+
flex-start	Flex 顶部对齐	v2.0.6+
flex-end	Flex 底部+右侧对齐	v2.0.6+
flex-1	弹性占满	v2.0.6+
flex-shrink	禁止收缩	v2.0.6+
items-center	交叉轴居中	v2.0.6+
justify-center	主轴居中	v2.0.6+

布局 — 浮动

类名	描述
fl	左浮动
fr	右浮动
clearfix	清除浮动

间距 — 内边距

类名	描述	版本
p-4	4px	v2.0.6+
p-8	8px	v2.0.6+
p-12	12px
p-16	16px	v2.0.6+
p-24	24px
p-36	36px

间距 — 外边距 & Gap

类名	描述	版本
m-4	4px 外边距	v2.0.6+
m-8	8px 外边距	v2.0.6+
m-12	12px 外边距
m-16	16px 外边距	v2.0.6+
m-24	24px 外边距
m-36	36px 外边距
gap-4	4px 间距
gap-8	8px 间距
gap-12	12px 间距
gap-16	16px 间距
gap-24	24px 间距

文本 — 字号 & 字重

类名	描述	版本
fs-16	16px
fs-18	18px
fs-20	20px
fs-24	24px
fs-32	32px
fw-normal	常规	v2.0.6+
fw-medium	中等
fw-semibold	半粗
fw-bold	粗体

文本 — 对齐 & 换行

类名	描述	版本
tl	左对齐
tc	居中对齐
tr	右对齐
ellipse	省略号
nowrap	不换行	v2.0.6+
pre-wrap	保留空格+换行	v2.0.6+
break-word	强制换行	v2.0.6+

外观 — 圆角 & 阴影 & 过渡

类名	描述
rounded-sm	6px 圆角
rounded	8px 圆角
rounded-8	10px 圆角
rounded-15	16px 圆角
rounded-full	全圆角
shadow	默认阴影
shadow-md	中等阴影
shadow-hover	Hover 阴影
transition	默认过渡
transition-fast	快速过渡

宽高 & 溢出 & 光标

类名	描述	版本
w-25 / w-33 / w-50 / w-75 / w-100	百分比宽度	v2.0.6+
w-auto	自适应宽度	v2.0.6+
h-100	100% 高度	v2.0.6+
max-w-full	最大宽度 100%	v2.0.6+
overflow-hidden	溢出隐藏	v2.0.6+
overflow-auto	溢出滚动	v2.0.6+
cursor-pointer	手形光标	v2.0.6+
cursor-default	默认光标	v2.0.6+
cursor-not-allowed	禁用光标	v2.0.6+
invisible	不可见（保留占位）	v2.0.6+
align-middle	垂直居中	v2.0.6+
bg-transparent	透明背景	v2.0.6+
inline	行内块

动画

类名	描述
bny-anim-scale	放大进入
bny-anim-scaleOut	缩小退出
bny-anim-rotate	持续旋转
bny-anim-left	左滑入
bny-anim-leftOut	左滑出
bny-anim-right	右滑入
bny-anim-rightOut	右滑出
bny-anim-up	上滑入
bny-anim-upOut	上滑出
bny-anim-down	下滑入
bny-anim-downOut	下滑出