我需要在頁面底部放置三個按鈕,我希望它們分別位于左角、中心角和右上角。我確實創建了 Horizo??ntalLayout,并在其中添加了我的按鈕。我與各種對齊方式戰斗了三天多,但無論我做什么,按鈕都留在左角。這是我的代碼:
HorizontalLayout bottomLayout = new HorizontalLayout();
bottomLayout.setWidthFull();
bottomLayout.setHeight("82px");
bottomLayout.add(buttonA, buttonB, buttonC);
// bottomLayout.setAlignItems(Alignment.STRETCH);
bottomLayout.setAlignSelf(Alignment.END, buttonC);
bottomLayout.setAlignSelf(Alignment.START, buttonA);
bottomLayout.setAlignSelf(Alignment.CENTER, buttonB);
請告訴我我做錯了什么以及如何糾正它。此外,我所有的按鈕都是 80 像素高,前兩個看起來垂直對齊,第三個看起來高幾個像素。我如何垂直對齊它們?
uj5u.com熱心網友回復:
你正在尋找的是bottomLayout.setJustifyContentMode(JustifyContentMode.BETWEEN);
解釋器:
布局是二維的,因此其中的元素可以通過兩種方式對齊:水平和垂直。
在 CSS FlexBox 布局模型術語中
- justification是指沿布局方向對齊(水平布局為水平方向)
- 對齊是指“跨軸”對齊(垂直用于水平布局)
所以setAlignItems兩者setAlignSelf都指的是上面的對齊setJustifyContentMode,而指的是上面的理由。
我不得不承認它真的不是最直觀的 API。之所以如此,是因為它試圖遵循 CSS FlexBox 模型和術語。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/524930.html
標籤:按钮结盟瓦丁
上一篇:單擊按鈕時如何清除輸入?
下一篇:如何用CSS關閉此影像?
