Tailwind Lookup
Toggle theme
Tailwind Lookup
类名速查
搜索类名
布局
display
block
inline-block
inline
flex
inline-flex
table
grid
hidden
flex方向
flex-row
flex-row-reverse
flex-col
flex-col-reverse
flex换行
flex-wrap
flex-wrap-reverse
flex-nowrap
justify对齐
justify-start
justify-end
justify-center
justify-between
justify-around
justify-evenly
align对齐
items-start
items-end
items-center
items-baseline
items-stretch
间距
padding
p-0
p-1
p-2
p-3
p-4
p-5
p-6
p-8
p-10
p-12
p-16
p-20
margin
m-0
m-1
m-2
m-3
m-4
m-5
m-6
m-8
m-10
m-12
m-16
m-20
padding-x
px-0
px-1
px-2
px-3
px-4
px-6
px-8
padding-y
py-0
py-1
py-2
py-3
py-4
py-6
py-8
margin-x
mx-0
mx-1
mx-2
mx-3
mx-4
mx-6
mx-8
mx-auto
margin-y
my-0
my-1
my-2
my-3
my-4
my-6
my-8
尺寸
width
w-auto
w-1/2
w-1/3
w-2/3
w-1/4
w-3/4
w-full
w-screen
height
h-auto
h-full
h-screen
h-1/2
h-1/3
h-2/3
h-1/4
h-3/4
max-width
max-w-none
max-w-xs
max-w-sm
max-w-md
max-w-lg
max-w-xl
max-w-2xl
max-w-full
min-height
min-h-0
min-h-full
min-h-screen
字体
font-size
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
font-weight
font-thin
font-light
font-normal
font-medium
font-semibold
font-bold
font-extrabold
text-align
text-left
text-center
text-right
text-justify
text-color
text-black
text-white
text-gray-500
text-red-500
text-blue-500
text-green-500
颜色
background
bg-transparent
bg-black
bg-white
bg-gray-100
bg-gray-200
bg-gray-500
bg-red-500
bg-blue-500
border
border-transparent
border-black
border-white
border-gray-200
border-red-500
border-blue-500
text
text-transparent
text-black
text-white
text-gray-500
text-red-500
text-blue-500
边框
border-width
border
border-0
border-2
border-4
border-8
border-style
border-solid
border-dashed
border-dotted
border-double
border-none
border-radius
rounded-none
rounded-sm
rounded
rounded-md
rounded-lg
rounded-xl
rounded-full
阴影
box-shadow
shadow-none
shadow-sm
shadow
shadow-md
shadow-lg
shadow-xl
shadow-2xl
text-shadow
shadow-sm
shadow
shadow-md
shadow-lg
使用说明
• 点击任意类名即可复制到剪贴板
• 使用搜索框快速查找所需类名
• 支持按类别和具体类名搜索
• 更多类名请参考
Tailwind 官方文档