HZFE / awesome-interview

剑指前端 Offer

http://febook.hzfe.org/

Other

2.33k stars 176 forks source link

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

水平垂直居中方案 | HZFE - 剑指前端 Offer

以下方案均基于如下布局和基础样式：

superkoenigsegg commented 2 years ago

建议使用类选择器

babopo commented 2 years ago

flex还有个简单的

display: flex; width: 100px; height: 100px; background: red; }

margin: auto; width: 50px; height: 20px; background: blue; }

MinimalistYing commented 2 years ago

Grid

#parent {
  display: grid;
  place-items: center;
}