📜  Semantic-UI 标签浮动类型(1)

📅  最后修改于: 2023-12-03 15:20:05.301000             🧑  作者: Mango

Semantic-UI 标签浮动类型

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 标签浮动类型的介绍,希望对程序员们有所帮助!