Marchcn
Marchcn
  • 发布:2015-07-20 00:55
  • 更新:2015-07-20 00:55
  • 阅读:21393

Mui的栅格系统

分类:MUI

今天发现Mui有自己的栅格系统
但是使用起来有点小问题,不能嵌套切存在换行
看了下mui的grid9宫格的demo,发现在grid-view里面还做了修订才实现的

那么这样,增加一个mui-col样式就解决了所有问题,包括实现栅格的嵌套,给大家个参考:

<style>  
.mui-col{  
    margin-right: -4px;  
    display: inline-block;  
}  
</style>  
<div class="mui-content">  
    <div class="mui-col mui-col-xs-4">  
        <span class="mui-col mui-col-xs-6">46</span>  
        <span class="mui-col mui-col-xs-2">42</span>  
        <span class="mui-col mui-col-xs-4">44</span>  
    </div>  
    <div class="mui-col mui-col-xs-8">  
        <span>8</span>  
    </div>  
</div>
4 关注 分享
chenqp j***@qq.com d***@sina.com d***@sinnbo.com

要回复文章请先登录注册

1***@qq.com

1***@qq.com

不是你少了个父盒子吗<div class="mui-row">
2017-05-04 09:22
凌若

凌若

是啊 咋不能嵌套呢 能解决吗
2016-12-14 14:32