将 TextFlow 中的文本对齐到中心 - JavaFX FXML 和 CSS

Question

目前，我在 FXML 中使用 Text 定义了一段文本。它还位于 ScrollPane 内的 TextFlow 内。我已经尝试将 FXML 本身和 css 中的文本对齐到中心，但仍然不起作用。这是 FXML

<ScrollPane fx:id = "scrollPane">
     <content>
         <TextFlow styleClass="txtFlow">
               <children>
                    <Text styleClass="h1" text="Title" textAlignment="CENTER"/>
                    <Text styleClass="h2" text="&#10;Subtitle"/>
              </children>
          </TextFlow>
    </content>
</ScrollPane>

这是CSS

.h1{
-fx-font-family: "Helvetica";
-fx-font-size: 50px;
-fx-fill: #147cb0;
-fx-underline: true;
-fx-alignment: center; }

Answer 1

添加@Uluk的答案，您还可以通过使用

TextFlow

上的样式来使用CSS来实现这一点。

<TextFlow style="-fx-text-alignment: center;">

您也可以通过使用css文件和其中的

styleclass

来获得所需的效果。

<TextFlow styleClass="txtFlow">

在 css 文件上，

.txtFlow {
    -fx-text-alignment: center;
}

Answer 2

要在 TextFlow 中对齐文本，请使用

<TextFlow textAlignment="CENTER"> ... </TextFlow>

要对齐 ScrollPane 的内容，请使用

<ScrollPane fx:id="scrollPane" fitToWidth="true"> ... </ScrollPane>