首页 > Web开发 > 详细

CSS布局

时间:2020-02-20 12:21:57      阅读:47      评论:0      收藏:0      [点我收藏+]

1. 盒子外面左右相等间距,盒子内部元素之间间距固定,元素宽度自适应

.doc-grade-box{
  /* width: 100%; */
  padding: 40rpx 30rpx 0;
  display: flex;
  flex-direction: row;// 水平方向
  flex-wrap: wrap;// 折行
}
.doc-grade-item{
  height: 80rpx;
  border-radius: 10rpx;
  flex: 1;// 均分剩余空间
  min-width: 200rpx;
}
.doc-grade-item:not(:first-child){
  margin-left: 30rpx;
}

  

CSS布局

原文:https://www.cnblogs.com/Neilisme/p/12334888.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!