尺寸与边距

Kraken 的基于 CSS 的盒模型 来描述标签的尺寸与边距,涉及以下的属性:

属性

height

  • 定义:指定元素的高度。
  • 属性值:\[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

min-height

  • 定义:指定元素的最小高度。
  • 属性值:\[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

max-height

  • 定义:指定元素的最大高度。
  • 属性值:none | \[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

width

  • 定义:指定元素的宽度。
  • 属性值:\[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

min-width

  • 定义:指定元素的最小宽度。
  • 属性值:\[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

max-width

  • 定义:指定元素的最大宽度。
  • 属性值:none | \[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

margin

  • 定义:为给定元素设置所有四个(上下左右)方向的外边距属性。是 margin-top,margin-right,margin-bottom 和 margin-left 四个外边距属性设置的简写。
  • 属性值:<±number>[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

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

padding

  • 定义:为给定元素设置所有四个(上下左右)方向的内边距属性。是 padding-top,padding-right,padding-bottom 和 padding-left 四个内边距属性设置的简写。
  • 属性值:\[ px | rpx | vw | vh | vmin | vmax | rem | em | % ]
  • 参考:链接

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