41、鸿蒙/布局/绝对定位

作者: 圆梦人生 | 来源:发表于2024-08-01 09:38 被阅读0次

案例

@Component
export struct PositionLayout {
  build() {
    Column(){
      Text('1').width(50).height(50).backgroundColor(Color.Red)
      Text('2').width(50).height(50).backgroundColor(Color.Gray)
        .position({
          x: 80,
          y: 80
        }).zIndex(1)
      Text('3').width(50).height(50).backgroundColor(Color.Pink)
    }.width(200).height(200).backgroundColor(Color.Orange)
  }
}
position.png

相关文章

  • position布局

    Position布局分为以下几种 static默认布局,没有定位 absolute绝对定位,如果一个元素绝对定位后...

  • HTML 布局与定位

    定位 position absolute relative fixed 绝对布局 当使用绝对布局,会根据父布局左上...

  • 三栏布局——五种解决方案

    面试常见考题:三栏布局 浮动布局 绝对定位 flex布局 table-cell布局 grid布局

  • 前端第五天

    前端第五天 目录 文档流 浮动布局 清除浮动 流式布局 定位布局应用 相对定位 绝对定位 固定定位 一、文档流 1...

  • 微信小程序开发flex布局

    小程序的布局只要有两种,一种是用flex来做布局,还有就是用相对定位和绝对定位。相对定位和绝对定位这个见得比较多,...

  • 2019-01-22

    今天看了一个ui布局视频 主要讲的是flex布局以及 相对定位和绝对定位

  • 如何保持浮层水平垂直居中

    1、利用flexbox布局 2、.利用绝对定位与transform 3.将父元素定位,子元素绝对定位,利用marg...

  • CSS布局

    左右布局 浮动法 绝对定位法 左中右布局 左中右布局也可以使用浮动法和绝对定位法。 水平居中 内联元素在父级加上t...

  • css布局经典问题

    CSS 定位问题 主要就是经典的绝对定位,相对定位问题。 10个文档学布局:通过十个例子讲解布局,主要涉及相对布局...

  • CSS 布局经典问题初步整理

    CSS 定位问题 主要就是经典的绝对定位,相对定位问题。 10个文档学布局:通过十个例子讲解布局,主要涉及相对布局...

网友评论

    本文标题:41、鸿蒙/布局/绝对定位

    本文链接:https://www.haomeiwen.com/subject/bssphjtx.html