JavaFX如何将Pagination移至右下角且分页内容保持居中

核心问题说明 #

你当前的配置是将整个Pagination控件对齐到了父容器的中右位置，导致内容和页码一起右偏，不符合需求。我们需要分别控制Pagination内部两个独立组件的对齐规则：内容区域居中、页码控制栏靠右下对齐。

实现步骤 #

1. 调整FXML配置 #

移除原有的StackPane.alignment="CENTER_RIGHT"属性，让Pagination本身铺满父容器的可用空间，给控件增加自定义样式类方便后续CSS控制：

<Pagination fx:id="paging" maxPageIndicatorCount="5" pageCount="0" 
            prefHeight="1010.0" prefWidth="1150.0"
            styleClass="bottom-right-pagination">

2. 添加对应CSS规则 #

在你的项目CSS文件中加入如下样式，分别控制内容和页码栏的对齐：

/* 控制分页内容始终居中 */
.bottom-right-pagination .page {
    -fx-alignment: center;
}

/* 控制页码选择栏固定在右下角，padding可根据需求调整边距 */
.bottom-right-pagination .control-box {
    -fx-alignment: bottom-right;
    -fx-padding: 0 12px 12px 0;
}

提示：如果需要调整页码栏和边缘的距离，直接修改-fx-padding的后两个数值即可，分别对应底部边距和右侧边距。

效果验证 #

修改后分页内容会始终显示在Pagination控件的中间区域，页码选择按钮会固定在控件右下角，不会跟随页面切换改变位置。

内容的提问来源于stack exchange，提问作者Quách Ngọc Thành