如何通过底部坐标而不是顶部坐标来锚定元素

时间:2017-09-01 23:22:40

标签: javascript html css reactjs

我正在使用反应制作扑克桌。现在我有玩家组件需要放在桌子周围。

enter image description here

我遇到的问题是,当屏幕属性发生变化时,播放器框会发生变化,这就是我想要的,但前两位的位置固定在顶部,这会导致玩家远离表。我宁愿把锚放在底部,这样它们就会留在桌子旁边。

enter image description here

2 个答案:

答案 0 :(得分:1)

默认情况下,原点始终位于元素的top left部分。要获得所需的结果,您需要始终添加元素的高度,如果您希望它在左下角锚定,就像。

elem.X = X;
elem.Y = Y + elem.height;

希望有所帮助

答案 1 :(得分:1)

如果你在这里使用绝对定位,你可以这样做:

setVisible(true)

那就是说我建议在这里使用像CSS表或flexbox这样的东西。