CSS
Jishenshen97
这个作者很懒,什么都没留下…
展开
-
CSS-Flex布局方法
在做js30天挑战的时候,遇到了这样一个页面 效果demo 页面点击前截屏如下 点击后: 我的代码如下: <div class="panels"> <div class="panel panel1"> <p>Hey</p> <p>Let's</p> <p>Dance</p> </div> <div class="pane原创 2020-05-30 20:06:46 · 275 阅读 · 0 评论 -
CSS-元素页面水平垂直居中显示
网页元素页面水平垂直居中显示的设置问题描述代码展示解决方案 问题描述 目标页面效果如下: 目前页面效果如下: 为什么呢?让我们来看下源代码 代码展示 问题代码: body { font-family: Arial, Helvetica, sans-serif; font-size: 2rem; background: #018ded; display: flex; align-items: center; flex: 1; } .clock { margin: 50px auto;原创 2020-05-23 02:00:47 · 370 阅读 · 0 评论