// 開啟grid布局

.grid-tag {

  display: grid;

}

.grid-tag{

  display: grid;

  grid-template-columns: 1fr 1fr; // 你也可以使用 repeat(2,1fr) 第一個參數(shù)多少等份

  /*grid-template-columns:200rpx 200rpx; // 使用固定的寬度*/

  /*grid-template-columns: 1fr 1fr 1fr; // 三列布局*/

}

.grid-tag{

  display: grid;

  grid-template-columns: 2fr 1fr;

}

.grid-tag{

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20rpx; // 統(tǒng)一設(shè)置行列間距

  /*column-gap: 20rpx; // 列間距，元素的左右間距*/

  /*row-gap: 20rpx; // 行間距，上下元素的間距*/

}

.grid-tag{

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20rpx;

  align-items: center; // 垂直方向?qū)R方式 center 居中對齊 end 靠下對齊

   justify-items: center; // 水平方向?qū)R方式 center 居中對齊 end 靠下對齊

 }