文章详情页
如图的flex骰子布局是怎么实现的?
问题描述
看了阮一峰大神的博客是如下写的,可是怎么都没有效果
<div class="box"> <span class="item"></span> <span class="item"></span></div>.box { display: flex;}.item:nth-child(2) { align-self: center;}只能是如下的效果
问题解答
回答1:他的这个例子没写对,他页面上还有其他一些例子是错的
可以再增加第三个 item ,背景设为透明来隐藏然后 box 设置 justify-content: space-between
相关文章:
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法(标题说不太清楚,请见题内描述)2. 计算机专业,未毕业,自己买了一套Java视频看,打算花两个月时间,到时出去找份实习的,算是自己自学吗?3. angular.js - angularjs的自定义过滤器如何给文字加颜色?4. Thinkphp 下载地址找不到了?5. javascript - 微信小程序 wx.downloadFile下载文件大小有限制吗6. javascript - iview 打包之后 找不到自带的icon图片,而且路径重复,点解7. python 中对redis 操作采用装饰器进行处理,怎么做8. Python 中如何对单个字典中同一个 key 的值进行合并?9. html5 - vue-cli 装好了 新建项目的好了,找不到项目是怎么回事?10. javascript - vue2.0中使用vue2-dropzone的demo,vue2-dropzone的github网址是什么??百度不到。
排行榜