发表于： 2019-12-21 05:50:17
1 993
按照师兄的指点，用媒体查询加百分比又写了个九宫格，看来我好像真是双休才有时间了，苦笑。
媒体查询类似于js的if，大括号相当于一个独立的css运行环境，如果条件成立才会生效。
没想到更好的居中的方式，所以又套了个盒子用于居中。。
上传图片总是出错。。还是上代码吧
CSS部分
/* 外层盒子 */
.outside {
height: 500px;
border: 1px solid #666;
float: left;
width: 500px;
margin-left: 30px;
margin-top: 30px;
position: relative;
}
/* 里层盒子，用于居中 */
.inside {
width: 90%;
height: 90%;
/* 定位加transform居中 */
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.col {
height: 29.3%;
float: left;
width: 29.3%;
margin: 2%;
border-radius: 10px;
background: #ffa600;
}
明天（今天）希望可以接下一个任务，如果不行就继续看小程序视频。。
返回列表
评论