1.簡單布局
.grid {
display: grid;
grid-template-columns: 1fr 2fr 1fr; 布局樣式
column-gap: 24px; 列間距
row-gap: 24px; 行間距
}
2.排列布局? ? center垂直方向居中對其? ?end靠下對齊
3.水平方向對齊? center居中? ? ?end靠右對齊? ? space-between兩段對齊
4.對軌道進行對齊?
5.排列元素
1.簡單布局
.grid {
display: grid;
grid-template-columns: 1fr 2fr 1fr; 布局樣式
column-gap: 24px; 列間距
row-gap: 24px; 行間距
}
2.排列布局? ? center垂直方向居中對其? ?end靠下對齊
3.水平方向對齊? center居中? ? ?end靠右對齊? ? space-between兩段對齊
4.對軌道進行對齊?
5.排列元素
本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。 如若轉載,請注明出處:http://www.pswp.cn/news/214999.shtml 繁體地址,請注明出處:http://hk.pswp.cn/news/214999.shtml 英文地址,請注明出處:http://en.pswp.cn/news/214999.shtml
如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!