diff --git a/demo/card.html b/demo/card.html
index 2ea2e0c..483ac92 100644
--- a/demo/card.html
+++ b/demo/card.html
@@ -1,18 +1,20 @@
 <fieldset class="layui-elem-field layui-field-title">
   <legend>卡片A</legend>
   <div class="layui-field-box">
-    <div class="ul-padding-md" data-repeat="3">
-      <div class="ul-card-a">
-        <div class="ul-card-a-left">
-          <img width="100%" src="{$site_logo_src}" alt="">
-        </div>
-        <div class="ul-card-a-right">
-          <div class="ul-card-a-main">
-            <div class="ul-card-a-title">
-              卡片标题
-            </div>
-            <div class="ul-card-a-desc">
-              这是卡片说明
+    <div class="ul-padding-md">
+      <div class="ul-common-flex-list">
+        <div class="ul-card-a"  data-repeat="3">
+          <div class="ul-card-a-left">
+            <img width="100%" src="{$site_logo_src}" alt="">
+          </div>
+          <div class="ul-card-a-right">
+            <div class="ul-card-a-main">
+              <div class="ul-card-a-title">
+                卡片标题
+              </div>
+              <div class="ul-card-a-desc">
+                这是卡片说明
+              </div>
             </div>
           </div>
         </div>
diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index bde8e01..7b6c04e 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -58,6 +58,16 @@
   background-color: #fff;
 }
 
+.ul-common-flex-list{
+  display: flex;
+  flex-wrap: wrap;
+}
+.ul-common-flex-sb {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
 /* 通用类结束 */
 
 /* 用户头像开始 */
@@ -709,6 +719,8 @@
   color: #516073;
   padding: 15px;
   cursor: pointer;
+  margin-right: 15px;
+  margin-bottom: 15px;
 }
 .ul-card-a-left {
   width: 40%;
@@ -782,11 +794,6 @@
   border-bottom: 1px dotted #d9d9d9;
 }
 
-.ul-common-flex-sb {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
 .ul-card-bank-body {
   height: 40px;
   padding: 10px 10px 20px 0;