Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 6456|回复: 0

布局

[复制链接]

334

主题

337

帖子

1683

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1683
发表于 2020-12-4 10:45:46 | 显示全部楼层 |阅读模式
<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-space15layui-col-md-offset3 这样的预设类来定义列的间距和偏移。
  • 变量md 代表的是不同屏幕下的标记(可选值见下文)
  • 变量* 代表的是该列所占用的12等分数(如6/12),可选值为 1 - 12
  • 如果多个列的“等分数值”总和等于12,则刚好满行排列。如果大于12,多余的列将自动另起一行。










回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|飞克网 ( 皖ICP备16023507号 )

GMT+8, 2024-4-19 10:06 , Processed in 0.216795 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表