文章详情页
如图的flex骰子布局是怎么实现的?
浏览:133日期:2024-06-12 09:06:17
问题描述
看了阮一峰大神的博客是如下写的,可是怎么都没有效果
<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. javascript - 关于<a>元素与<input>元素的JS事件运行问题2. css3 - 纯css实现点击特效3. MySQL中的enum类型有什么优点?4. android下css3动画非常卡,GPU也不差啊5. java - 为什么第一个线程已经释放了锁,第二个线程却不行?6. mysql - 记得以前在哪里看过一个估算时间的网站7. javascript - 如何将一个div始终固定在某个位置;无论屏幕和分辨率怎么变化;div位置始终不变8. 大家好,我想请问一下怎么做搜索栏能够搜索到自己网站的内容。9. php - 微信开发验证服务器有效性10. mysql - 查询字段做了索引为什么不起效,还有查询一个月的时候数据都是全部出来的,如果分拆3次的话就没问题,为什么呢。
排行榜
