鸿蒙应用开发基础——三种容器组件 RelativeContainer为采用相对布局的容器,支持容器内部的子元素设置相对位置关系。子元素支持指定兄弟元素作为锚点,也支持指定父容器作为锚点,基于锚点做相对位置布局。
css 的浮动属性 元素在没有任何CSS样式修饰的时候,元素的排列方式就属于正常文档流。即窗体自上而下分成一行一行的,并在每行中按照从左到右的顺序排放元素。用float来设置浮动,当被设置浮动后,会按照一个指定的方向移动,直至到达父容器的边界,或者另外一个浮动元素时停止。在学这部分之前,已经用过很多次float,但都出现了大大小小的问题。2、当有内容的时候,内容默认提升半层,实现图文混排的效果。不希望浮动元素影响后面元素的布局的话,加clear。相对于正常文档流,脱离文档流就是打乱了顺序。文档流是元素在页面中出现的先后顺序。
Flex布局 默认情况下,项目都排在一条线(又称”轴线”)上。flex-wrap属性定义,如果一条轴线排不下,如何换行。align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。flex-direction属性决定主轴的方向(即项目的排列方向)。justify-content属性定义了项目在主轴上的对齐方式。align-items属性定义项目在交叉轴上如何对齐。n-items属性定义项目在交叉轴上如何对齐。
css定位 绝对定位,它会随着文档移动。元素的位置相对与上一层的定位元素或者根节点来改变元素的位置,不会影响其他元素的效果。可以调节元素的相对位置。我们所说的相对定位,它的效果不会改变元素的位置,只会在视觉效果上改变相对位置,对其他的元素来说没有任何影响。可以微调元素的视觉位置。严格来说并不算是定位的一种方式,因为它代表的含义是正常的文本流效果。作用场景:将已有的定位效果清除。