JavaFX中Button文本内边距调整问题求助

问题根源 #

SceneBuilder里的内边距选项呈灰显状态，是因为JavaFX默认按钮的内边距由CSS样式控制，而非FXML原生属性，所以无法通过常规面板直接调整。

快速解决方案（直接在FXML中修改） #

在Button标签里添加style属性，手动设置-fx-padding（数值对应上、右、下、左的内边距，单位为像素），调小数值就能让文本贴近边框。

修改后的FXML代码：

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.Pane?>


<Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/22" xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <Button layoutX="274.0" layoutY="188.0" maxHeight="24.0" maxWidth="24.0" minHeight="24.0" minWidth="24.0" mnemonicParsing="false" prefHeight="24.0" prefWidth="24.0" text="NW" 
                style="-fx-padding: 0 2 0 2;" />
    </children>
</Pane>

你可以根据实际需求调整-fx-padding的数值，比如改成0 1 0 1会让内边距更小，只要保证文本不截断即可。

批量设置方案（适合多个小按钮） #

如果需要设置一批小按钮，推荐用外部CSS文件，维护更方便：

1. 创建style.css文件，内容如下：

.small-button {
    -fx-padding: 0 2 0 2;
    /* 可选：配合缩小字体避免文本截断 */
    -fx-font-size: 12px;
}

2. 在FXML的根节点（如Pane）中引入CSS：

<Pane ... stylesheets="@style.css">

3. 给每个小按钮添加样式类：

<Button ... styleClass="small-button" />

额外提示 #

如果调整内边距后文本仍截断，可以同时修改-fx-font-size缩小字体，或微调按钮的宽高，配合内边距调整达到最佳显示效果。

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