tnblog
首页
登录

layui布局

496人阅读 2019/3/23 0:31 评论:0 手机 收藏 关注
分类: 前端



Layui 使用layui-container container来指明一个容器版本

<div class="layui-container container" style="background:#ffabcd;height:500px">

</div>

他会随着不同的分辨率显示出不同的宽度,


例如在1200px这个范围他的宽度就就会显示成1170px



然后可以使用layui-col-md[x]来根据百分比显示宽度,

一共分为12份一份占 100/12 也就是 8.33333%


例如如果要三等分就三个layui-col-md4就好了

    <div class="layui-container container" style="height: 500px">
        <div class="layui-col-md4" style="background: #ffabcd; height: 500px"></div>
        <div class="layui-col-md4" style="background: #abcdff; height: 500px"></div>
        <div class="layui-col-md4" style="background: #aacc66; height: 500px"></div>
    </div>





评价
很多事不是看到了希望才去努力,而是努力了才能看到希望
文章
6
粉丝
16
评论
8
分类
16
{{item.ArticleTitle}}
{{item.BlogName}} : {{item.Content}}