飞克网

标题: 布局 [打印本页]

作者: admin 时间: 2020-12-4 10:45
标题: 布局
<div class="layui-row layui-col-space15">

      <div class="layui-col-md9">
                     你的内容1
      </div>
   <div class="layui-col-md3">
                     你的内容2
      </div>

</div>

采用 layui-row 来定义行；
layui-col-space15、 layui-col-md-offset3 这样的预设类来定义列的间距和偏移。

变量md 代表的是不同屏幕下的标记（可选值见下文）
变量* 代表的是该列所占用的12等分数（如6/12），可选值为 1 - 12
如果多个列的“等分数值”总和等于12，则刚好满行排列。如果大于12，多余的列将自动另起一行。

欢迎光临飞克网 (http://feikechina.com/)