问答详情
源自:1-4 构建页面元素

关于16个格子的位置问题!

#grid-container{
   width: 480px;
   height: 480px;
   padding: 10px;
   margin: 0 auto;
   background-color: #8B008B;
   border-radius: 10px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}
.grid-cell{
   width: 100px;
   height: 100px;
   border: 1px solid red;
   margin: 5px;
}

提问者:班大师 2017-03-21 15:21

个回答

  • 爱编程的男孩
    2017-10-30 15:44:02

    出现什么问题了吗?

  • 班大师
    2017-03-21 15:21:59

    flex在布局中确实很方便