subgrid这个子网格特性当时Grid布局出来之后,呼声很高,现在终于支持了,非常适合那种比较规整的多层次嵌套的布局,赶快来了解一番吧。
阅读全文…
标签:display:grid, flex布局, gap, grid布局, minmax(), repeat, subgrid 发布在 CSS相关 | 6 条评论 »
本文提供了6种方法,用来解决最后一行的列表的不满,最后一行没有完全垂直对齐的问题。每种方法都有其适用场景,希望本文内容可以对您的学习有所帮助。
标签::last-child, css相关, display:grid, flex, grid, grid-template-columns, justify-content, nth-child, repeat, space-between, text-align:justify 发布在 CSS相关 | 55 条评论 »
本文详尽介绍了display:grid布局的各个属性,最大的优点在于所有grid相关属性值的样式表现都是实时渲染的,点击不同的属性值,就可以立即实时看到不同的布局效果,非常直观。同时,很多属性的规则描述要比现有的很多文章介绍的要更详尽,对于初学者一定是一个很不错的网格布局学习教程。
标签:align-content, align-items, align-self, css3, css相关, display:grid, grid, grid-area, grid-auto-columns, grid-auto-flow, grid-auto-rows, grid-gap, grid-template, grid-template-areas, justify-content, justify-items, justify-self, 布局, 网格布局 发布在 CSS相关 | 34 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee