diff --git a/packages/varlet-vue2-ui/src/row/Row.vue b/packages/varlet-vue2-ui/src/row/Row.vue
index 41fd865..b2e4705 100644
--- a/packages/varlet-vue2-ui/src/row/Row.vue
+++ b/packages/varlet-vue2-ui/src/row/Row.vue
@@ -28,6 +28,17 @@ export default defineComponent({
     average() {
       return toPxNum(this.gutter) / 2
     },
+    length() {
+      return this.cols.length
+    },
+  },
+  watch: {
+    gutter() {
+      this.computePadding()
+    },
+    length() {
+      this.computePadding()
+    },
   },
   methods: {
     computePadding() {
diff --git a/packages/varlet-vue2-ui/src/row/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-vue2-ui/src/row/__tests__/__snapshots__/index.spec.js.snap
index b990e3b..5c47232 100644
--- a/packages/varlet-vue2-ui/src/row/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/varlet-vue2-ui/src/row/__tests__/__snapshots__/index.spec.js.snap
@@ -3,18 +3,10 @@
 exports[`test col in responsive 1`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
-    </div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--span-md-8 var-col--span-lg-6 var-col--span-xl-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
   </div>
 </div>"
 `;
@@ -22,18 +14,10 @@ exports[`test col in responsive 1`] = `
 exports[`test col in responsive 2`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
-    </div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--span-sm-24 var-col--span-md-12 var-col--span-lg-12 var-col--span-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
   </div>
 </div>"
 `;
@@ -41,18 +25,10 @@ exports[`test col in responsive 2`] = `
 exports[`test col in responsive 3`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
-    </div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-12 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--offset-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
   </div>
 </div>"
 `;
@@ -60,18 +36,10 @@ exports[`test col in responsive 3`] = `
 exports[`test col in responsive 4`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
-    </div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
+    <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-24 var-col--span-sm-12 var-col--offset-sm-12 var-col--span-md-12 var-col--offset-md-12 var-col--span-lg-12 var-col--span-xl-12 var-col--offset-xl-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
   </div>
 </div>"
 `;
@@ -79,12 +47,8 @@ exports[`test col in responsive 4`] = `
 exports[`test col in row 1`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-8 var-col--offset-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
-    </div>
+    <div class=\\"var-col var--box var-col--span-8 var-col--offset-4\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
+    <div class=\\"var-col var--box var-col--span-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
   </div>
 </div>"
 `;
@@ -92,12 +56,8 @@ exports[`test col in row 1`] = `
 exports[`test col in row 2`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
-    </div>
-    <div class=\\"var-col__wrap\\">
-      <div class=\\"var-col var--box var-col--span-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
-    </div>
+    <div class=\\"var-col var--box var-col--span-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
+    <div class=\\"var-col var--box var-col--span-12\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
   </div>
 </div>"
 `;
@@ -105,18 +65,10 @@ exports[`test col in row 2`] = `
 exports[`test row Responsive example 1`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start; margin: 0px -5px;\\">
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-8 var-col--span-sm-6 var-col--span-md-4 var-col--span-lg-3 var-col--span-xl-1\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
-    </div>
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-4 var-col--span-sm-6 var-col--span-md-8 var-col--span-lg-9 var-col--span-xl-11\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
-    </div>
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-4 var-col--span-sm-6 var-col--span-md-8 var-col--span-lg-9 var-col--span-xl-11\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
-    </div>
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-8 var-col--span-sm-6 var-col--span-md-4 var-col--span-lg-3 var-col--span-xl-1\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
-    </div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-8 var-col--span-sm-6 var-col--span-md-4 var-col--span-lg-3 var-col--span-xl-1\\" style=\\"padding-left: 0px; padding-right: 0px;\\">1</div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-4 var-col--span-sm-6 var-col--span-md-8 var-col--span-lg-9 var-col--span-xl-11\\" style=\\"padding-left: 0px; padding-right: 0px;\\">2</div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-4 var-col--span-sm-6 var-col--span-md-8 var-col--span-lg-9 var-col--span-xl-11\\" style=\\"padding-left: 0px; padding-right: 0px;\\">3</div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-8 var-col--span-sm-6 var-col--span-md-4 var-col--span-lg-3 var-col--span-xl-1\\" style=\\"padding-left: 0px; padding-right: 0px;\\">4</div>
   </div>
 </div>"
 `;
@@ -124,25 +76,17 @@ exports[`test row Responsive example 1`] = `
 exports[`test row ResponsiveObject example 1`] = `
 "<div class=\\"var-row__wrap\\">
   <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start; margin: 0px -5px;\\">
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
-        1
-      </div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
+      1
     </div>
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
-        2
-      </div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
+      2
     </div>
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
-        3
-      </div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
+      3
     </div>
-    <div class=\\"var-col__wrap col\\">
-      <div class=\\"var-col var--box var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
-        4
-      </div>
+    <div class=\\"var-col var--box col var-col--span-24 var-col--span-xs-12 var-col--offset-xs-6 var-col--span-sm-6 var-col--span-md-4 var-col--offset-md-4 var-col--span-lg-3 var-col--offset-lg-3 var-col--span-xl-2 var-col--offset-xl-2\\" style=\\"padding-left: 0px; padding-right: 0px;\\">
+      4
     </div>
   </div>
 </div>"
@@ -153,115 +97,63 @@ exports[`test row example 1`] = `
   <div class=\\"app-type\\">栅格系统</div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
   <div class=\\"app-type\\">偏移</div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-16 var-col--offset-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">offset: 8 span: 16</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-16 var-col--offset-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">offset: 8 span: 16</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
   <div class=\\"app-type\\">对齐</div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: center; align-items: flex-start;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: flex-end; align-items: flex-start;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: space-around; align-items: flex-start;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: space-between; align-items: flex-start;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
   <div class=\\"app-type\\">列间距</div>
   <div class=\\"var-row__wrap\\">
     <div class=\\"var-row var--box\\" style=\\"justify-content: flex-start; align-items: flex-start; margin: 0px -5px;\\">
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
-      <div class=\\"var-col__wrap col\\">
-        <div class=\\"var-col var--box var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
-      </div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
+      <div class=\\"var-col var--box col var-col--span-8\\" style=\\"padding-left: 0px; padding-right: 0px;\\">span: 8</div>
     </div>
   </div>
 </div>"