fix: inline-form span layout not work #3862

vueComponent · Apr 17, 2021 · a1e180d · a1e180d
1 parent 28e2660
commit a1e180d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/components/form/style/index.less b/components/form/style/index.less
@@ -362,8 +362,11 @@ form {
 
 //== Inline Form
 .@{form-prefix-cls}-inline {
+  display: flex;
+  flex-wrap: wrap;
   .@{form-prefix-cls}-item {
-    display: inline-block;
+    flex: none;
+    flex-wrap: nowrap;
     margin-right: 16px;
     margin-bottom: 0;
 
@@ -376,6 +379,9 @@ form {
       display: inline-block;
       vertical-align: top;
     }
+    > .@{form-prefix-cls}-item-label {
+      flex: none;
+    }
   }
 
   .@{form-prefix-cls}-text {