"description":"\nCSS 属性 align-self 会对齐当前 grid 或 flex 行中的元素，并覆盖已有的 align-items 的值。In Grid, it aligns the item inside the grid area. 在 Flexbox 中，会按照 cross axis（当前 flex 元素排列方向的垂直方向）进行排列。\n",
"syntax":"\n### 语法\n```\nalign-self: auto | center | flex-start | flex-end | stretch;\n```\n",
"values":"\n### 属性值\n\n`auto`\n设置为父元素的 align-items 值。\n\n\n`center`\nflex 元素会对齐到 cross-axis 的中间，如果该元素的 cross-size 尺寸大于 flex 容器，将在两个方向均等溢出。\n\n\n`flex-start`\nflex 元素会对齐到 cross-axis 的首端。\n\n\n`flex-end`\nflex 元素会对齐到 cross-axis 的尾端。\n\n\n`stretch`\n如果元素未设置高度或设为auto，将占满整个容器的高度。\n\n\n`baseline`\nSpecifies participation in first- or last-baseline alignment: aligns the alignment baseline of the box’s first or last baseline set with the corresponding baseline in the shared first or last baseline set of all the boxes in its baseline-sharing group.\n The fallback alignment for first baseline is start, the one for last baseline is end.\n flex 元素将会基于容器的宽和高，按照自身 margin box 的 cross-size 拉伸。If the combined size of the items along the cross axis is less than the size of the alignment container and the item is auto-sized, its size is increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size of all auto-sized items exactly fills the alignment container along the cross axis.\n",
"defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| app-uvue | auto |\n| web | auto |",
"values":"\n### 属性值\n\n`auto`\nauto 关键词表示在当前布局模式下，浏览器根据接收的左边距自动计算出外边距。如果有几组 margin-left 和 margin-right 设置为 auto，那么最后计算的空间分布，会根据 display，float，position 属性，自动生成以下几种情况：\n\n\n\n Value of display\n Value of float\n Value of position\n Computed value of auto\n Comment\n\n\n\n\n inline, inline-block, inline-table\n any\n static or relative\n 0\n Inline layout mode\n\n\n block, inline, inline-block, block, table, inline-table, list-item, table-caption\n any\n static or relative\n 0, 除非margin-left和 margin-right 同时都设置为 auto。这样的话，元素就被设置为基于父元素居中。\n Block layout mode\n\n\n block, inline, inline-block, block, table, inline-table, list-item, table-caption\n left or right\n static or relative\n 0\n Block layout mode (floating element)\n\n\n any table-*, except table-caption\n any\n any\n 0\n Internal table-* elements don't have margins, use border-spacing instead\n\n\n any, except flex, inline-flex, or table-*\n any\n fixed or absolute\n 0, except if both margin-left and margin-right are set to auto. In this case, it is set to the value centering the border area inside the available width, if fixed.\n Absolutely positioned layout mode\n\n\n flex, inline-flex\n any\n any\n 在水平方向上有空余空间的情况下，空余的空间会被平均分给水平方向上写有 margin-left:auto 属性的元素的外边距\n Flexbox layout mode\n",
"values":"\n### 属性值\n\n`auto`\nauto 关键词表示在当前布局模式下，浏览器根据接收的左边距自动计算出外边距。如果有几组 margin-left 和 margin-right 设置为 auto，那么最后计算的空间分布，会根据 display，float，position 属性，自动生成以下几种情况：\n\n\n\n Value of display\n Value of float\n Value of position\n Computed value of auto\n Comment\n\n\n\n\n inline, inline-block, inline-table\n any\n static or relative\n 0\n Inline layout mode\n\n\n block, inline, inline-block, block, table, inline-table, list-item, table-caption\n any\n static or relative\n 0, except if both margin-left and margin-right are set to auto. In this case, it is set to the value centering the element inside its parent.\n Block layout mode\n\n\n block, inline, inline-block, block, table, inline-table, list-item, table-caption\n left or right\n static or relative\n 0\n Block layout mode (floating element)\n\n\n any table-*, except table-caption\n any\n any\n 0\n Internal table-* elements don't have margins, use border-spacing instead\n\n\n any, except flex, inline-flex, or table-*\n any\n fixed or absolute\n 0, except if both margin-left and margin-right are set to auto. In this case, it is set to the value centering the border area inside the available width, if fixed.\n Absolutely positioned layout mode\n\n\n flex, inline-flex\n any\n any\n 0, except if there is any positive horizontal free space. In this case, it is evenly distributed to all horizontal auto margins.\n Flexbox layout mode\n",
"values":"\n### 属性值\n\n`auto`\n这个关键字表示：\n\n 对于绝对定位元素，元素将忽略此属性而以 left 属性为准，如果此时设置 width: auto，将基于内容需要的宽度设置宽度；如果 left 也为 auto 的话，元素的水平位置就是它假如作为静态（即 static）元素时该在的位置。\n 对于相对定位元素，元素相对正常位置的偏移量将基于 left 属性；如果 left 也为 auto 的话，元素将不会有偏移。\n",
"defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| app-uvue | auto |\n| web | auto |",
"values":"\n### 属性值\n\n`rotate(\\<angle>)`\n旋转元素以给定的角度（angle）\n\n\n`rotateX(\\<angle>)`\n绕 X 轴旋转元素以给定的角度（angle）\n\n\n`rotateY(\\<angle>)`\n绕 Y 轴旋转元素以给定的角度（angle）\n\n\n`rotateZ(\\<angle>)`\n绕 Z 轴旋转元素以给定的角度（angle）\n\n\n`scale(\\<number> \\<number>)`\n缩放元素的尺寸，水平和垂直方向分别使用给定的比例（number）\n\n\n`scaleX(\\<number>)`\n水平方向缩放元素的尺寸，使用给定的比例（number）\n\n\n`scaleY(\\<number>)`\n垂直方向缩放元素的尺寸，使用给定的比例（number）\n\n\n`translate(\\<length/percentage> \\<length/percentage>)`\n沿 X 和 Y 轴移动元素，水平和垂直方向分别使用给定的距离或百分比\n\n\n`translateX(\\<length/percentage>)`\n沿 X 轴移动元素，使用给定的距离或百分比\n\n\n`translateY(\\<length/percentage>)`\n沿 Y 轴移动元素，使用给定的距离或百分比\n",
"syntax":"\n### 语法\n```\ntransform-origin: [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?;\n```\n",
