如何通過其底部座標而不是頂部來錨定元素

我正在製作一個使用反應的撲克桌。現在我有玩家組件需要放置在桌子周圍。如何通過其底部座標而不是頂部來錨定元素

我遇到的問題是，球員箱變的時候，屏幕屬性被改變，這是我想要的，但前兩名的位置被固定在頂部，這會導致球員從桌子上移開。我寧願在底部留下錨點，以便他們留在桌子旁邊。

2017-09-01 Marc

如果你在這裏使用絕對定位，你可以這樣做：

.player { 
    top: 200px; /* whatever value you want the bottom of element to be from top */ 
    margin-top: -100%; /* bring the element back up so the bottom is where the top value set above is */ 
}

那說我使用的東西喜歡這裏的CSS表或Flexbox的建議。

來源

2017-09-01 23:48:02 fredrivett

我需要能夠在桌面圖像頂部分層籌碼，底池和投注，並在屏幕尺寸發生變化時調整大小。如果我使用CSS表格或flexbox，這可能嗎？ – Marc

棘手的部分是將任何東西放在桌子的彎曲角落。如果你只想把事情放在人們面前，flexbox或CSS表格可以做到這一點。它有效地將表格分成網格。如果你不想要一個網格樣式佈局，並希望有更多的自由來移動它，那麼也許它不適合你。 – fredrivett

它是由默認爲原點總是位於該元件的top left部分。爲了達到你想要的結果，你需要添加元素的高度，如果你希望它像左下角那樣錨定。

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

希望幫助

來源

2017-09-01 23:38:57 masterpreenz

如何通過其底部座標而不是頂部來錨定元素

回答

相關問題