尺寸与边距

Kraken 的基于 CSS 的盒模型尺寸与边距 - 图1 来描述标签的尺寸与边距，涉及以下的属性：

属性

height

  • 定义：指定元素的高度。
  • 属性值：<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图2。

min-height

  • 定义：指定元素的最小高度。
  • 属性值：<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图3。

max-height

  • 定义：指定元素的最大高度。
  • 属性值：none | <number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图4。

width

  • 定义：指定元素的宽度。
  • 属性值：<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图5。

min-width

  • 定义：指定元素的最小宽度。
  • 属性值：<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图6。

max-width

  • 定义：指定元素的最大宽度。
  • 属性值：none | <number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图7。

margin

  • 定义：为给定元素设置所有四个（上下左右）方向的外边距属性。是 margin-top，margin-right，margin-bottom 和 margin-left 四个外边距属性设置的简写。
  • 属性值：<±number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图8。

margin-top、margin-right、margin-bottom、margin-left

padding

  • 定义：为给定元素设置所有四个（上下左右）方向的内边距属性。是 padding-top，padding-right，padding-bottom 和 padding-left 四个内边距属性设置的简写。
  • 属性值：<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考：链接尺寸与边距 - 图13。

padding-top、padding-right、padding-bottom、padding-left