mui 图片实现瀑布流显示

作者：教程字体：[增加减小] 来源：互联网时间：2017-05-31

本文主要包含mui同时实现上拉刷新,mui实现下拉刷新,mui图片轮播,mui上传图片,mui 图片预览等相关知识,教程希望在学习及工作中可以帮助到您

"); </div> 实现思路：创建左右两个容器，在数据导入的时候获取两个容器的高度，把即将要导入的数据，导进高度低的一个容器即可。

HTML代码

<body style="background-color: #f3f3f3;">

    

    <div class="twoRankedBox">

        <ul class="BoxLeft">

        </ul>

        <ul class="BoxRight">

        </ul>

    </div>

</body>

CSS代码

*{

    padding:0px;

    margin:0px;

    list-style: none;

    font-style:normal;

    font-family: arial;

    font-family: Microsoft YaHei,arial;

}

.twoRankedBox{

    margin:6px 8px;

    overflow: hidden;

    padding-bottom:25px;

}

.twoRankedBox ul{

    width:49%;

    float: left;

}

.twoRankedBox ul:last-child{

    margin-left:2%;

}

.twoRankedBox ul li{

    padding:5px;

    margin-bottom:6px;

    padding-bottom:8px;

    background-color: #FFFFFF;

}

.twoRankedBox ul li p:first-child{

    padding-top:0px;

}

.twoRankedBox ul li p{

    padding-top:4px;

}

.product_picture img{

    display: block;

    width:100%;

}

.product_np{

    overflow: hidden;

    line-height:20px;

}

.product_np a{

    display: block;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.product_np a:first-child{

    font-size:0.9em;

您可能想查找下面的文章:

2017-05-31Hbuilder MUI 选择器（Picker）设置默认选项
2017-05-31HBuilder mui 页面初始化
2017-05-31HBuilder MUI 远程文件缓存到本地
2017-05-31Hbuilder MUI 主动触发上拉下拉加载
2017-05-31Hbuilder mui（IOS端）调用QQ进行客服对话功能分享
2017-05-31关于手机webview、默认浏览器、HBuilder边改边看浏览器的区别和兼容性
2017-05-31Native.js调用讯飞的文字转语音功能（TTS）-Android平台
2017-05-31mui自定义事件带参返回mui.back()
2017-05-31封装localStorage与plus.storage 2.0版本
2017-05-31mui android native.js获取手机内部总的存储空间

mui 图片实现瀑布流显示

您可能想查找下面的文章:

相关文章

文章分类

最近更新的内容