flex实现等宽布局且间隔相等的小技巧
本文共 353 字，大约阅读时间需要 1 分钟。
要实现的效果：
HTML CSS
.father { display: flex; padding : 20px; width: 300px; height : 200px; border : 5px solid #000; }.item { flex : 1;}.item-1 { background: red;}.item-2 { background: green; }.item-3 { background: blue;}/*重点代码*/.father .item + .item { margin-left : 20px; } 最终效果
转载地址：http://rovii.baihongyu.com/
你可能感兴趣的文章
VUe+webpack构建单页router应用（一）
查看>>
Vue+webpack构建单页router应用（二）
查看>>
从头开始讲Node.js——异步与事件驱动
查看>>
Node.js-模块和包
查看>>
Node.js核心模块
查看>>
express的应用
查看>>
NodeJS开发指南——mongoDB、Session
查看>>
Express: Can’t set headers after they are sent.
查看>>
2017年，这一次我们不聊技术
查看>>
实现接口创建线程
查看>>
Java对象序列化与反序列化（1）
查看>>
HTML5的表单验证实例
查看>>
JavaScript入门笔记：全选功能的实现
查看>>
程序设计方法概述：从面相对象到面向功能到面向对象
查看>>
数据库事务
查看>>
JavaScript基础1：JavaScript 错误 - Throw、Try 和 Catch
查看>>
SQL基础总结——20150730
查看>>
SQL join
查看>>
JavaScript实现页面无刷新让时间走动
查看>>
CSS实例：Tab选项卡效果
查看>>