Text组件布局过界问题

@Entry 
@Component 
export struct RowTest { 
  @State message: string = 'Hello World'; 
 
  build() { 
    Row() { 
      Column() { 
 
        Row() { 
          Text('今天共有七').fontSize(28).maxLines(1) 
          Column(){ 
            Text('今天共有七节课课课课课课课课111112222333333444444445555555666666') 
              .fontSize(30) 
              .border({ width: 1, color: Color.Green }) 
              .backgroundColor(Color.Green) 
          }.flexShrink(1) 
        }.padding({ left: 15 }).width('100%') 
        .border({ width: 1, color: Color.Red }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}