网格是使用CSS flexbox实现的。本例中的行数为4,因为出于演示的目的,我固定了容器的宽度。但是,在现实中,它可以根据容器的宽度而改变(例如,如果用户调整窗口大小)。尝试在中调整输出窗口的大小,以获得一种感觉。通过使用JavaScript,我允许用户使用左/右箭头导航到上一项/下一项。在我的实现中,我只是将活动项的索引减少/增加1。
现在,我想让用户也可以向上/向下导航。为此,我只需要通过<amount of items in a row>减少/增加活动项的索引。但是,我如何计算这个数字,因为它依赖于容器的宽度?有没有更好的