fix: inline-form span layout not work #3862

4 years ago · a1e180da8c
parent 28e2660994
commit a1e180da8c
1 changed files with 7 additions and 1 deletions
--- 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 {