CSS面试题】实现一个在页面中垂直居中的正方形中有四个上下左右间距相等的小正方形
面试题目:
编写css,实现一个前端样式:在一个大正方形内有四个相等的小正方形。要求大正方形上下左右居中, 每一个小正方形上下左右距离相等。
实现效果图
使用grid布局分割,然后划出来四块之后再使其中的四个div垂直居中。我以为这样已经实现了需求,但是后来发现是上下左右距离相等,这样的四个红色的方块彼此之间的距离是到边框距离的二倍。
代码
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name
原创
2020-07-22 11:39:57 ·
1249 阅读 ·
0 评论