如图的flex骰子布局是怎么实现的？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如图的flex骰子布局是怎么实现的？

高洛峰 2016-10-25 16:43:17

[CSS3讨论组]

888

看了阮一峰大神的博客是如下写的，可是怎么都没有效果

<div class="box">
  <span class="item"></span>
  <span class="item"></span>
</div>


.box {
  display: flex;
}

.item:nth-child(2) {
  align-self: center;
}

只能是如下的效果

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(1)

三叔2016-10-25 16:43:41 1楼

他的这个例子没写对，他页面上还有其他一些例子是错的

可以再增加第三个 item ，背景设为透明来隐藏
然后 box 设置 justify-content: space-between

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部