Якорь с чем-то внутри строки

Question

Представьте, что я хочу что-то подобное:

  INPUT1  |    INPUT2    |   INPUT3
------------------------------------
  FIELD1  |    FIELD2    |   FIELD3
FIELDBIS1 |  FIELDBIS2   |  FIELDBIS3

Я сделаю что-то близкое к:

Column {
    Row {
        INPUT1{}
        INPUT2{}
        INPUT3{}
    }

    Separator{}

    Row {
        FIELD1{anchor.horizontalCenter : input1.horizontalCenter;}
        FIELD2{anchor.horizontalCenter : input2.horizontalCenter;}
        FIELD3{anchor.horizontalCenter : input3.horizontalCenter;}
    }

    Row {
        FIELDBIS1{anchor.horizontalCenter : input1.horizontalCenter;}
        FIELDBIS2{anchor.horizontalCenter : input2.horizontalCenter;}
        FIELDBIS3{anchor.horizontalCenter : input3.horizontalCenter;}
    }
}

Но так как поле, поле и ввод не имеют одинаковый размер, как я могу это сделать? Есть ли лучший способ, чем закрепление, чтобы решить эту проблему?

Answer 1

Используйте spacing для столбцов одинакового размера.

Column {
    spacing: 10    
     Row {
          spacing: 10
           ----
           ----
     }    
}