菜单
标签
UI 文档
入门 2.4 中的新增内容
简介
集成 构建工具 配方 术语表
使用
主题 布局
全局
重置 网站
元素
按钮 容器 分隔线 旗帜 页眉 图标 图片 输入框 标签 列表 加载器 占位符 轨道 展开 段落 步骤
集合
面包屑 表单 网格 菜单 消息 表格
视图
广告 卡片 评论 信息流 项目 统计
模块
手风琴 复选框 调光器 下拉菜单 嵌入 模态框 弹出窗口 进度条 评分 搜索 形状 侧边栏 粘性 选项卡 过渡
行为
API 表单验证 可见性

标签
标签显示内容分类

2 个主题
下载

UI 框架

可主题化
构建工具
选择

独立

默认主题
预编译
选择
语义 UI
下载 ZIP 入门

包管理器

独立标签
下载 ZIP 查看 GitHub

包管理器

类型

标签

一个标签

23

图像

标签可以格式化为突出显示图像

Joe Elliot Stevie
Veronika
朋友
 Veronika
学生
 Helen
同事
Adrienne
Zoe
Nan

指向

标签可以指向它旁边的内容

Please enter a value
Please enter a value
That name is taken!
Your password must be 6 characters or more
Please enter a value
Please enter a value
That name is taken!
Your password must be 6 characters or more

角部

标签可以定位在元素的角部

角部标签必须放置在具有 position: relative 的容器中才能正确显示。如果容器是圆角的，则需要在容器中添加 overflow:hidden 才能生成圆角标签。

标签

标签可以作为标签出现

新 即将推出 特色

丝带

标签可以作为丝带出现，附着在元素上。

概述 帐户详细信息 社区 用户评论
规格 评论
酒店
食物

附加

标签可以附加到内容段落

附加标签尝试智能地填充其他内容以考虑其位置，但在某些情况下可能无法正确应用此填充。

如果发生这种情况，你可能需要手动更正容器中其他元素的填充。

HTML
CSS
代码
视图
用户视图
管理员视图
HTML
CSS
代码
视图
用户视图
管理员视图

水平

水平标签被格式化为水平标签旁边的内容

水果
金橘
糖果
冰淇淋
水果
橙子
狗
卷毛狗

浮动

标签可以浮动在另一个元素之上。

浮动标签必须放置在具有 position: relative 的容器中才能正确显示。
消息
22
 朋友
22

内容

细节

标签可以包含细节

狗
214

图标

标签可以包含图标

邮件 标签

图像

标签可以包含图像

Elliot Stevie

链接

标签可以是链接或包含链接的项目

23
23 查看邮件

变体

圆形

标签可以是圆形的

2 2 2 2 2 2 2 2 2 2 2 2 2

基本
2.1 中的新增内容

标签可以降低其复杂性

基本 指向 Elliot 红色指向 蓝色

彩色

标签可以具有不同的颜色

红色 橙色 黄色 橄榄色 绿色 青绿色 蓝色 紫罗兰色 紫色 粉色 棕色 灰色 黑色

尺寸

标签可以是小的或大的

迷你
微型
小型
中等
大型
巨大
庞大
巨大

组

组尺寸

标签可以共享尺寸

有趣
快乐
聪明
机智

彩色组

标签可以共享颜色

有趣 快乐
22
 聪明 疯狂 令人兴奋

标签组

标签可以共享标签格式

$10.00 $19.99 $24.99 $30.99 $10.25

圆形组

标签可以共享形状

11 22 33 44 141

社区

帮助翻译 提交问题 加入我们的聊天 CLA

网络

GitHub 仓库 用户论坛 1.x 文档 0.x 文档

帮助保护此项目

对语义 UI 持续开发的支持直接来自社区。

免费和开源 (MIT)
The 翻译需要你的帮助

此翻译仅完成 %！

我们需要你的帮助，让语义 UI 对讲你语言的人可用。

我们的翻译工具易于使用，允许你在不离开网站的情况下翻译文本。

不，谢谢
帮助翻译
你想访问镜像网站吗？

语义 UI 可在 semantic-ui.cn 获得，这是一个在中国境内托管的镜像网站。这将使来自中国大陆的访问者浏览速度更快。

不，谢谢
是的，带我去看镜子

调光器消息
调光器子标题