將TextFlow中的文本對齊到中心 - JavaFX FXML＆CSS

目前，我在FXML中使用Text定義了一段文本。它也位於ScrollPane內的TextFlow內。我已經嘗試將文本對齊到FXML本身和CSS中，但仍然沒有看到工作。這裏是FXML將TextFlow中的文本對齊到中心 - JavaFX FXML＆CSS

<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; }

來源

2015-05-01 Josh Beaver

要對齊TextFlow的文字使用

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

要對齊ScrollPane中的內容使用

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

來源

2015-05-01 12:08:36

謝謝，但如果我要對齊只有一個文本元素到中心？ –

@JoshBeaver，我不認爲這是可能的。使用另一個單獨的文本或TextFlow作爲標題，並對齊它。 –

添加到@ Uluk的答案，你也可以a使用css通過使用TextFlow上的樣式來獲得此效果。

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

您還可以通過使用一個CSS文件，並在它的styleclass獲得預期的效果。

<TextFlow styleClass="txtFlow">

，並在CSS文件，

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

來源

2015-05-01 13:47:00 ItachiUchiha

將TextFlow中的文本對齊到中心 - JavaFX FXML＆CSS

回答

相關問題