Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 11031|回复: 0
打印 上一主题 下一主题

布局

[复制链接]

338

主题

341

帖子

1739

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1739
跳转到指定楼层
楼主
发表于 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-12-22 13:46 , Processed in 0.103000 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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