《(4.5)--3.5Grid布局(下)Web前端攻城狮.pdf》由会员分享,可在线阅读,更多相关《(4.5)--3.5Grid布局(下)Web前端攻城狮.pdf(6页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、3.5Grid 布局(下)ABCDEFgrid?row?gap:10px;grid?column?gap:20pxgrid?gap:10px 10pxgrid?gap:20pxhttps:/s.codepen.io/webzhao/debug/PxrVXa/XBAGRZeKNgrid-gapABCDEFjustify?items:stretchjustify?items:startjustify?items:endjustify?items:centerhttps:/s.codepen.io/webzhao/debug/dQxYRm/nqkwvGnwRjustify-itemsABCDEFal
2、ign?items:stretchalign?items:startalign?items:endalign?items:centerhttps:/s.codepen.io/webzhao/debug/oQKjGE/NjkYzqnKBPyMalign-itemsABCDEF.a align?self:center;justify?self:center https:/s.codepen.io/webzhao/debug/bQXVLX/VGAWNwZDalign-self/justify-selfABCDEFjustify?content:center;align?content:centerj
3、ustify?content:end;align?content:endjustify?content:space?between;align?content:space?betweenjustify?content:space?around;align?content:space?aroundhttps:/s.codepen.io/webzhao/debug/JegYap/WPkLYNzPanalign-content/justify-content.preview grid?template?rows:100px 100px;grid?template?columns:100px 100px 100px;