📅  最后修改于: 2023-12-03 15:20:05.301000             🧑  作者: Mango
Semantic-UI 提供了多种标签浮动类型,可以用于向用户提供更好的视觉效果。
左浮动标签可以使用 .left
类来实现,如下所示:
<div class="ui label left">左浮动标签</div>
右浮动标签可以使用 .right
类来实现,如下所示:
<div class="ui label right">右浮动标签</div>
可以将左右浮动标签结合使用,如下所示:
<div class="ui label left">左浮动标签</div>
<div class="ui label right">右浮动标签</div>
上浮动标签可以使用 .top
类来实现,如下所示:
<div class="ui label top">上浮动标签</div>
下浮动标签可以使用 .bottom
类来实现,如下所示:
<div class="ui label bottom">下浮动标签</div>
可以将上下浮动标签结合使用,如下所示:
<div class="ui label top">上浮动标签</div>
<div class="ui label bottom">下浮动标签</div>
以上就是 Semantic-UI 标签浮动类型的介绍,希望对程序员们有所帮助!