Как центрировать Text или FormattedText в VBox и позволить тексту начинаться в одной и той же позиции в каждой строке?

Question

Я использую VBox, и я получил несколько строк текста или FormattedText с HTML.Цель состоит в том, чтобы центрировать этот текст и позволить ему начинаться и заканчиваться в одной и той же позиции в каждой строке.

Вот краткий пример:

TextTextText

TextText

TextTextTextText

Текст

Центрирование текста работает без проблем, для этого я использую alignItems = "Center".Что не работает, так это то, что текст начинается с одной и той же позиции в каждой строке.Я включил в изображение, чтобы показать вам проблему.Последняя строка должна начинаться с той же позиции, что и две другие строки.

Чтобы решить эту проблему, я пробовал разные настройки для justifyContent и alignItems,но ничто не обеспечило результат, на который я надеялся.Надеюсь, вы, ребята, видите, что я здесь скучаю или делаю не так.Спасибо за любую помощь!

Answer 1

Первая часть вашего вопроса смущает меня, поскольку ваш короткий пример не end в той же позиции.

Хотя я думаю, что вы хотите что-то вроде этого (при условии, что у вас есть 1 текст):

<HBox width="100%" justifyContent="Center">
    <VBox width="50%">
        <Text text="Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..Testtesttesttestest..."/>
    </VBox>
</HBox>

HBox занимает всю ширину, а justifyContent=Center обеспечивает горизонтальное центрирование содержимого. Определив width из VBox, вы можете определить, насколько широко должен отображаться текст.

Answer 2

alignItems="Start"

или

alignItems="Baseline"

должно работать