相对布局RelativeContainer，当子组件设置了margin时，居中效果不符合预期

@Entry 
@Component 
struct relativeLayoutExample { 
  build() { 
    RelativeContainer() { 
      Text('宽度') 
        .fontSize(12) 
        .padding({ 
          left: 20, 
          right: 12 
        }) 
        .fontColor('#222630') 
        .margin({ 
          top: 20, 
          bottom: 20 // 这里如果只设置margin-top，会导致后面TextInput组件在竖直方向上的锚点位置在Text组件中心偏上 
        }) 
        .alignRules({ 
          left: { anchor: '__container__', align: HorizontalAlign.Center }, 
          top: { anchor: '__container__', align: VerticalAlign.Top } 
        }) 
        .id('width-text') 
 
      TextInput() 
        .backgroundColor('#F7F7F8') 
        .borderRadius(8) 
        .height(32) 
        .width(56) 
        .fontSize(14) 
        .maxLength(4) 
        .fontColor(Color.Black) 
        .type(InputType.Number) 
        .onChange(() => { 
 
        }) 
        .alignRules({ 
          center: { anchor: 'width-text', align: VerticalAlign.Center }, 
          left: { anchor: 'width-text', align: HorizontalAlign.End } 
        }) 
        .id('width-edit') 
    } 
    .width('100%') 
    .height(300) 
    .border({ width: 2, color: "#6699FF" }) 
  } 
}