仿明日方舟网页html,《明日方舟》干员列表实现

各位朋友们！W 的活动快要结束了，各位抽到了吗？刚刚又来了一次十连，又歪了，感觉跟 W 要无缘了😭。

这次分享一个布局小技巧，在网页中实现元素的横向排版。

@ARKNIGHTS

这是《明日方舟》的干员列表页面。

仔细观察一下，会发现元素排版从上倒下，如果空间不够，会挤到第二列。

而正常的元素排版是从左到右，如果空间不够，会挤到第二行。

再来个图演示一下效果。

虽然在平时开发中很少会遇到，但是还是有的，比如 bilibili 的菜单。