• 组件
  • 布局与其它

留白

代码演示

留白

上下留白

g-vertical-xs - 3px
g-vertical-sm - 5px
g-vertical-md - 10px
g-vertical-lg - 15px
g-vertical-xl - 20px

两翼留白

g-wing-xs - 8px
g-wing-md - 10px
g-wing-lg - 15px
上下留白
<div class="g-vertical-xs ">g-vertical-xs - 3px</div>
<div class="g-vertical-sm ">g-vertical-sm - 5px</div>
<div class="g-vertical-md ">g-vertical-md - 10px</div>
<div class="g-vertical-lg ">g-vertical-lg - 15px</div>
<div class="g-vertical-xl ">g-vertical-xl - 20px</div>
两翼留白
<div class="g-wing-xs ">g-wing-xs - 8px</div>
<div class="g-wing-md ">g-wing-md - 10px</div>
<div class="g-wing-lg ">g-wing-lg - 15px</div>