• semantic-ui 分段


      分段:用于创建一组相关联的内容。

    1、创建一个基础的分段

      在class中加一个segment的class即可

    <div class="ui  segment">
      <p>this is test in segment</p>
    </div>

    2、使分段突出

      注意不要加active,应该加一个raised,和segment配合使用。

    <div class="ui raised segment">
      <p>this is test in segment</p>
    </div>

    3、堆叠样式的分段

      只有一个分段,但是看起来分段下面还有很多分段。需要加上tall stacked,tall修饰数量多

    <div class="ui tall stacked segment">
      <p>this is test in segment</p>
    </div>
    

      

    4、段落格式化成一堆页面

      基础样式上加piled即可。

    <div class="ui tall piled segment">
      <p>this is test in segment</p>
    </div>

  • 相关阅读:
    html中的浮动
    Html中元素的分类
    前端标签命名规范
    meta详解
    CSS的嵌套方法
    html标签
    W3C标准
    AE待整理
    AE小知识点备忘录
    Maximum Subarray
  • 原文地址:https://www.cnblogs.com/-beyond/p/8985380.html
Copyright © 2020-2023  润新知