语言吧

<tfoot draggable='sEl'></tfoot>

LayUi简单辅助元素程序

本篇主要集中罗列页面中的一些简单辅助元素,如:引用块、字段集区块、横线等等,这些元素都无需依赖任何模块

引用区块

引用区域的文字

引用区域的文字

目前内置了上述两种风格


HTML结构code

<blockquote class="layui-elem-quote">引用区域的文字</blockquote>

<blockquote class="layui-elem-quote layui-quote-nm">引用区域的文字</blockquote>

      

字段集区块

image.png

同样内置了两种风格,另一种风格即该文档的标题横线:字段集一行

HTML结构code

<fieldset class="layui-elem-field">

  <legend>字段集区块 - 默认风格</legend>

  <div class="layui-field-box">

    内容区域

  </div>

</fieldset>

 <fieldset class="layui-elem-field layui-field-title">

  <legend>字段集区块 - 横线风格</legend>

  <div class="layui-field-box">

    内容区域

  </div>

</fieldset>

你可以把它看作是一个有标题的横线

image.png

HTML结构code

默认分割线

<hr>

赤色分割线

<hr class="layui-border-red">

橙色分割线

<hr class="layui-border-orange">

墨绿分割线

<hr class="layui-border-green">

青色分割线

<hr class="layui-border-cyan">

蓝色分割线

<hr class="layui-border-blue">

黑色分割线

<hr class="layui-border-black">


查看更多关于LayUi简单辅助元素程序的详细内容...

  阅读:1932次
  阅读:1932次