分割线即原生html中的<hr>标签。不过semantic-ui中将<hr>美化了一下下。
1、基础分割线
需要注意的是分割线只能使用div标签和p标签,不能使用span标签。
<div class="ui divider"></div>
<p class="ui divider"></p>
2、定义水平线
经常看到水平线的中间有文字,其实可以使用下面代码实现,但是要注意class中加horizontal,并且要在水平线中间显示的文字写在中间即可。
<div class="ui horizontal divider">or</div>
<p class="ui horizontal divider">center</p>
<div class="ui horizontal divider">end</div>
3、定义竖线
<div class="ui vertical divider">or</div>