文章详情页
如图的flex骰子布局是怎么实现的?
浏览:46日期: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. ruby - vim主题,这个主题叫什么名?2. docker安装后出现Cannot connect to the Docker daemon.3. html - jQuery 移动端横向滚动会带动网页上下滑动怎么办?4. css - width设置为100%之后列表无法居中5. 致命错误: Class ’appfacadeTest’ not found6. javascript - 小白求解:mac 下如何设置nodejs express的 NODE_NEV 环境变量7. PHP中文网定制款鼠标垫8. javascript - [多图预警]reactjs点击某表格编辑内容,跳转传值this.context.router.params.id时id报错未定义9. python2.7 - 在Eclipse开发Python,怎么去掉控制台输出的其他消息??10. javascript - 一个前端的自我修养
排行榜
