0

我的问题是为我从数据库“它们是图像”中获得的数据安排一组图像。

我刚刚将分页添加到可以返回每页 9 !

我用

-webkit-column-count:3; 
-moz-column-count:3;
-column-count:3;

Firefox 中的视图

Chrome 中的视图

这是 li & ul 的代码:

.news_box ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.cat_box ul {
    display: inline-block;
    width: 100%;
}
.cat_box ul li.first_news {
    width: 100%;
    float: none;
    height: auto;
    padding: 20px;
    margin: -20px;
    position: relative;
    }
.cat_box ul li.first_news {
    width: 100%;
    float: none;
    height: auto;
    padding: 25px 20px;
    margin: -20px;
    position: relative;
}
.cat_box ul li {
    overflow: hidden;
    padding: 15px;
    transition: all 0.4s ease 0s;
    width: 50%;
    float: left;
    height: auto;
    margin: -15px -15px 0px;
}
.cat_box ul li {
    overflow: hidden;
    padding: 15px;
    transition: all 0.4s ease 0s;
    width: 50%;
    float: left;
    height: auto;
    margin: -15px -15px 0px;
}
4

0 回答 0