zoukankan      html  css  js  c++  java
  • semantic-ui 分割线

      分割线即原生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>
    

      

     

  • 相关阅读:
    gcvt(),ecvt(),fcvt()的区别
    SQLITE3 使用总结
    C++的类型转换浅析
    JAVA Class21
    JAVA Class20
    JAVA Class19
    JAVA Class18
    JAVA Class17
    JAVA Class16
    关于hover失效问题(!important)
  • 原文地址:https://www.cnblogs.com/-beyond/p/8985087.html
Copyright © 2011-2022 走看看