教学26Flex布局视频频道页面模板

教学 26 的 flex 布局素材，蛮适合用来练手做视频频道页面的。压缩包里一般会有完整的 HTML 结构，还有一套用flex 布局实现的响应式排版。视频缩略图、标题、这些内容，基本都排布得挺顺的，结构清晰，适配性也不错。

视频频道的页面，说白了就是内容块一大堆，横着排、竖着排，还要能自适应各种屏幕。用flex 布局就挺合适，像display: flex、flex-wrap: wrap这些属性，熟练用起来，页面排布真的挺省心。

压缩包里率还有些练习素材，像图片、图标啥的，也方便你直接用在页面上。不用自己再到处扒素材，挺省事。看着源码边改边学，效果来得快。

哦对，如果你之前一直靠float或者position: absolute堆布局的，这套素材就更值得一试。用起来你会发现：flex 真的是写前端的好搭子。

想拓展一下，顺便可以看看CSS Grid 布局的例子，搭配着 flex 用，页面结构会更灵活。

如果你正打算做响应式的视频展示页，或者刚学完 flex 不知怎么下手，这套素材真的可以拿来练练手，顺便试试自己能不能改出点花样来。