空间居中布局

.markdown

空间居中布局

A Pen by jinhan1414 on CodePen.

License.

index.html

<div class='container'>
  <div class='item'></div>
</div>

style.css

.item {
  background-color: orange;
  width: 100px;
  height: 50px;
}
.container {
  background-color: green;
  height: 200px;
  display: grid;
  align-items: center;
  justify-items: center;
}