详解css3中dispaly的Grid布局与Flex布局(3)
发布时间:2020-09-24 21:35 所属栏目:52 来源:网络整理
导读:.content-box {display: grid;grid-template-columns: 160px 160px 160px 160px 160px;grid-template-rows: 160px 160px 160px 160px 160px;}/*或*/.content-box {display: grid;grid-template-columns: 20% 20% 20
.content-box { display: grid; grid-template-columns: 160px 160px 160px 160px 160px; grid-template-rows: 160px 160px 160px 160px 160px; } /*或*/ .content-box { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; grid-template-rows: 20% 20% 20% 20% 20%; } 上面代码指定了一个五行五列的网格,列宽和行高都是160px repeat()函数 有时候,重复写同样的值非常麻烦,尤其网格很多时。这时我们可以用repeat()函数,简化重复的值。 repeat()接受两个参数,第一个为重复的次数,第二个为重复的值。 (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读