将 TextFlow 中的文本对齐到中心 - JavaFX FXML & CSS答案

【问题标题】：Align Text in TextFlow to center - JavaFX FXML & CSS将 TextFlow 中的文本对齐到中心 - JavaFX FXML & CSS
【发布时间】：2015-05-01 10:22:26
【问题描述】：

目前，我的 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; }

【问题讨论】：

标签： java javafx javafx-2 fxml javafx-css

【解决方案1】：

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

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

使用 ScrollPane 对齐内容

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

【讨论】：

谢谢，但如果我只想将一个文本元素居中对齐怎么办？
@JoshBeaver，我认为这是不可能的。使用另一个单独的 Text 或 TextFlow 作为标题，并对齐它。

【解决方案2】：

除了@Uluk 的回答，您还可以通过使用TextFlow 上的样式使用css 来实现这一点。

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

你也可以通过使用css文件和其中的styleclass来获得想要的效果。

<TextFlow styleClass="txtFlow">

在css文件中，

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

【讨论】：