![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
txfyteen
这个作者很懒,什么都没留下…
展开
-
flex布局换行空白间隙之align-content
一、本文实现的效果图如下:布局右侧使用flex布局,超过3个则换行。父元素代码如下:.nav-right{ width: 75%; padding: 10px; display: flex; /* 默认是水平的 */ flex-direction: row;/*设置子元素的排列方向*/ flex-wrap: wrap;/*溢出则换行*/}子元素代...原创 2018-09-12 16:16:19 · 28787 阅读 · 3 评论 -
小程序实现之—css伪元素实现带框加号
背景:基于小程序包大小的限制,使用css伪元素实现带框加号。减少包体积。图片效果如下: .add { border: 1px solid; width: 100px; height: 100px; color: #ccc; transition: color .25s; position: relative; } ...原创 2018-11-17 16:51:50 · 6623 阅读 · 1 评论 -
flex布局实现div内容居中
<div class="list-col-detail">1002</div>.list-col-detail{ width: 180px; height: 78px; display: flex; align-items: center; justify-content: center; background: #ff0000; }原创 2018-12-24 15:17:35 · 3520 阅读 · 0 评论