上篇传送门:CSS3:grid网格布局终于来了!上篇下篇来讲作用在grid items上面的属性。一、网格格子占据的区域范围首先要明白有哪几种方法可以指定网格的位置。1、命名区域(Named Areas)通过grid-template-areas属性可以为每一个网格区域命名,从而可以指定某个子项属于...
2020年09月26日 4303
最近更新
CSS教程
CSS3:grid网格布局终于来了!上篇
这篇教程拖了一年多才写,今天总算想把这个坑给填了。grid网格布局是一种典型的二维布局,由行和列构成,其实就是很智能的一种表格,比起flex的一维轴向上的布局,grid对多行多列的布局控制要强大很多。当然,任何布局都有自己的优势和缺点,合适的场景选择合适的布局方式才是明智之举。首先,IE肯定是不支持...
2020年09月23日 4143
杂谈
关于谷歌浏览器不能自动播放视频的解决方法
video标签的出现,大大的简化了在页面中加载视频的方法,但是谷歌浏览器为了用户体验,把autoplay的属性禁止了,导致加载的视频不能自动播放,其实这也能理解,万一上班摸鱼,开着音响,突然一个声音响起,吓死个人,有木有?不过后来谷歌提供了一种很折中的方法允许了自动播放,那就是静音,视频可以放,但是...
2020年09月22日 4476
CSS教程
flex-basis和width到底谁听谁的?
以前看规范的时候,感觉这属性讲的太绕,没有去深究,不过不知其所以然的问题终究有一天还是要面对,毕竟明白自己无知就是学习的最大动力了。百度了一下,看到了一篇靠谱的文章,但是还不够全面,到底谁是原创不太好判定,我就以发布时间最早的为原创帖链接了。[翻译]Flex Basis与Width的区别不过,里面推...
2020年09月10日 4075