flex 布局固定一行显示几个盒子

直接上代码

以下为结构

<div class="manage-list">
<div class="manage-li">
<div class="manage-li-img"></div>
</div>
<div class="manage-li">
<div class="manage-li-img"></div>
</div>
<div class="manage-li">
<div class="manage-li-img"></div>
</div>
<div class="manage-li">
<div class="manage-li-img"></div>
</div>
</div>
.imgManage-box {
padding: 30px 15px;
.manage-list {
display: flex;
flex-wrap: wrap;
.manage-li {
padding: 15px;
background: red;
width:33.33%;
.manage-li-img {
height: rem(232);
background: rebeccapurple;
}
}
}
}

效果如下:

120 字之内
全部评论(0)
推荐阅读,请笑纳
天寒 天寒 2017-11-28

css3 超出以省略号显示

相信每一个做前端都会遇到这么一个问题:分几行显示,多余的用省略号显示出来,但是这个怎么样实现呢?其实很简单,看下面的两段代码,

收藏 0 推荐 0 评论 0 阅读 198
天寒 天寒 2017-11-28

css3 超出以省略号显示

收藏 0 推荐 0 评论 0 阅读 198
天寒 天寒 2017-11-28

css3 超出以省略号显示

收藏 0 推荐 0 评论 0 阅读 197
天寒 天寒 2017-11-28

css3 超出以省略号显示

前端的好友们,看到上面的代码,是不是突然觉得超级简单呢?欢迎留言提问有关前端技术的问题哦!

收藏 0 推荐 0 评论 0 阅读 197
天寒 天寒 2018-06-27

手机抓包 Fiddler4入门

相信许多人都想扒一扒一些自己喜欢的数据吧,所以就应该想到Fiddler这么一个神奇的软件。但是有多少人知道他的用法呢?下面我们将会讨论这个怎么用到。所有的操作,确保你电脑和手机wifi在同一个网段里面。前提条件:1).电脑需要安装Fiddler2).测试手机需要支持Wifi3).测试手机与电脑需要同一网络4).所测APP需支持代理 

收藏 0 推荐 1 评论 0 阅读 134
天寒 天寒 2018-06-27

手机抓包 Fiddler4入门

菜单:Tools->FiddlerOptions->Connections,勾选"Allowremotecomputerstoconnect" 

收藏 0 推荐 1 评论 0 阅读 141
天寒 天寒 2018-06-27

手机抓包 Fiddler4入门

注: 8888为默认端口号,可修改,但需注意两点,一是本机空闲端口,二是手机代理设置时端口要一致。

收藏 0 推荐 1 评论 0 阅读 138
天寒 天寒 2018-06-27

手机抓包 Fiddler4入门

查看本机的ip地址,在本机命令行输入:ipconfig 我的电脑有3个IP,都试了一下,172.18.53.82是有效的IP,其余2个是虚拟机的IP

收藏 0 推荐 1 评论 0 阅读 133
天寒 天寒 2018-06-27

手机抓包 Fiddler4入门

打开Fiddler,右上角有一个Online,这里也可以查看IP。如果和电脑的ip不一致时,以这里的为准。

收藏 0 推荐 1 评论 0 阅读 139
天寒 天寒 2018-06-27

手机抓包 Fiddler4入门

手机端进行参数配置条件:保证手机和电脑都处于同一个网络。Step1、给手机设置代理

收藏 0 推荐 1 评论 0 阅读 138