所有栅格

属性

注解

line最外围样式
unit每行基本样式
sizeXofY列百分比,如size3of4 即总宽度的75%,提供1 1/2 1/3 2/3 1/4 3/4 1/5 2/5 3/5 4/5 1/6 2/6 3/6 4/6 5/6 1/7 2/7 3/7 4/7 5/7 6/7
lastUnit最后一行样式
lastUnitMain清除最后一unit的margin-right即margin-right为0

举例

<div class="line">
	<div class="unit size1of2">
		<h3>1/2</h3>
		<p>VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  </p>
	</div>
	<div class="unit size1of2 lastUnit">
		<h3>1/2</h3>
		<p>VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI   </p>
	</div>
</div>

1/2

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/2

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

<div class="line">
	<div class="unit size1of3">
		<h3>1/3</h3>
		<p>VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI </p>
	</div>
	<div class="unit size2of3 lastUnit">
		<h3>2/3</h3>
		<p>VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUVUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUVUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUVUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUVUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VUI  VU</p>
	</div>
</div>

lastUnitMain使用(并排三个div)

标题

内容

内容

标题

内容

内容

标题

内容

内容

1/3

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

2/3

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VU

2/3

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUUI

1/3

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VU

1/4

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI

3/4

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/4

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI

1/4

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

2/4

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/5

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI

4/5

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/5

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI

1/5

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI

3/5

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

2/5

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VU

3/5

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/6

VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI

5/6

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/6

VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI

1/6

VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI

4/6

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/6

VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI

2/6

VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI

3/6

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI

1/7

VUI VUI VUI VUI VUI VUI VUI VUI VUIVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUVUI VUI VUI VUI VUI VUI VUI

6/7

VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI VUI