JavaFX贷款计算器FlowPane布局元素居中对齐问题求助

你当前代码仅设置了FlowPane的整体对齐属性，但每个行级HBox的宽度不统一、内部元素对齐规则缺失，才会出现歪斜错位的情况，按以下步骤修改即可：

• 给所有HBox设置统一固定宽度、内部间距和对齐规则，保证每行结构一致：

// 给每个HBox设置统一宽度、间距、右对齐规则
hboxAnnualIntRate.setPrefWidth(400);
hboxAnnualIntRate.setSpacing(10);
hboxAnnualIntRate.setAlignment(Pos.CENTER_RIGHT);

hboxNumberOfYears.setPrefWidth(400);
hboxNumberOfYears.setSpacing(10);
hboxNumberOfYears.setAlignment(Pos.CENTER_RIGHT);

hboxLoanAmount.setPrefWidth(400);
hboxLoanAmount.setSpacing(10);
hboxLoanAmount.setAlignment(Pos.CENTER_RIGHT);

hboxMonthlyPayment.setPrefWidth(400);
hboxMonthlyPayment.setSpacing(10);
hboxMonthlyPayment.setAlignment(Pos.CENTER_RIGHT);

hboxTotalPayment.setPrefWidth(400);
hboxTotalPayment.setSpacing(10);
hboxTotalPayment.setAlignment(Pos.CENTER_RIGHT);

• 补充FlowPane的行列对齐配置，确保流式布局下每行内容都水平居中：

rootNode.setAlignment(Pos.CENTER);
// 新增以下两行配置
rootNode.setColumnHalignment(HPos.CENTER);
rootNode.setRowValignment(VPos.CENTER);

• 可选优化：给所有Label设置统一固定宽度，避免标签长度不同导致的输入框错位：

lbAnnualIntRate.setPrefWidth(120);
lbNumberOfYears.setPrefWidth(120);
lbLoanAmount.setPrefWidth(120);
lbMonthlyPayment.setPrefWidth(120);
lbTotalPayment.setPrefWidth(120);

修改完成后所有行级容器结构一致、对齐规则统一，即可实现FlowPane内元素整体居中、行列整齐的效果。

内容的提问来源于stack exchange，提问作者ka177