如何在基線對齊標籤和按鈕？

Question

我喜歡在水平佈局中放置一個標籤和一個按鈕（和一個文本字段）。這有效，但基線未對齊。如何解決這個問題？

預期的結果是，紅色線（每個控制的基線）處於相同的高度。

這是FXML：

<?xml version="1.0" encoding="UTF-8"?> 

<?import javafx.scene.control.Button?> 
<?import javafx.scene.control.Label?> 
<?import javafx.scene.control.TextField?> 
<?import javafx.scene.layout.HBox?> 

<HBox prefHeight="100.0" prefWidth="400.0" spacing="10.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <Label text="Label" /> 
     <Button mnemonicParsing="false" text="Button" /> 
     <TextField text="Lorem Ipsum" /> 
    </children> 
</HBox> 

Answer 1

添加的對準屬性到HBox與值"BASELINE_LEFT"：

<HBox alignment="BASELINE_LEFT" prefHeight="100.0" prefWidth="400.0" spacing="10.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <Label text="Label" /> 
     <Button mnemonicParsing="false" text="Button" /> 
     <TextField text="Lorem Ipsum" /> 
    </children> 
</HBox>