css 是否有一个JavaScript事件来捕获弹性方向更改,screen onchange无法执行此操作

e0uiprwp  于 2024-01-09  发布在  Java
关注(0)|答案(1)|浏览(147)

我想给给予用户水平或垂直滚动Flex项的选项。
我的问题是,如果他们从灵活的方向列到行,那么现在有所有这些可用的空间在屏幕的右边。
如果屏幕的高度/宽度/方向发生变化,则可以监听,但似乎不是柔性方向。
有什么想法如何调整元素后,灵活的方向变化?

9fkzdhlc

9fkzdhlc1#

你肯定要手动编写代码,因为没有一个事件监听器的事件(我不确定)。
你必须以某种方式获取css的flex-direction值:

<div id="my-div" style="display:flex;flex-direction:row;flex-align:center"></div>

var elem = document.getElementById("my-div");

var styling = elem.getAttribute("style");

字符串
//prop 1:瓦尔; prop 2:瓦尔; prop 3:瓦尔;

var flex_prop = styling.split(";")[1];

var direction = flex_prop.split(":")[1]; //row or column

if(direction == "row" || direction == "column"){


//set stuff }
或者其他任何你能想到的解决办法

相关问题