diff --git a/src/components/Table/CardTable/index.vue b/src/components/Table/CardTable/index.vue
index 9915141b7..150dea42e 100644
--- a/src/components/Table/CardTable/index.vue
+++ b/src/components/Table/CardTable/index.vue
@@ -6,11 +6,11 @@
       :table-url="tableUrl"
       v-bind="headerActions"
     />
-    <el-row :gutter="10" class="the-row">
-      <IBox v-if="totalData.length === 0">
+    <el-row :gutter="10" type="flex" class="the-row">
+      <IBox v-if="totalData.length === 0" style="width: 100%">
         <el-empty :description="$t('NoData')" :image-size="200" class="no-data" style="padding: 20px" />
       </IBox>
-      <el-col v-for="(d, index) in totalData" :key="index" :lg="8" :md="12" :sm="24" style="min-width: 335px;">
+      <el-col v-for="(d, index) in totalData" :key="index" style="max-width: 550px; width: 400px">
         <el-card
           :body-style="{ 'text-align': 'center', 'padding': '15px' }"
           :class="{'is-disabled': isDisabled(d)}"
@@ -56,7 +56,7 @@
       </el-col>
     </el-row>
     <Pagination
-      v-show="pagination && total > paginationSize"
+      v-show="pagination"
       ref="pagination"
       class="pagination"
       v-bind="$data"
@@ -234,6 +234,8 @@ export default {
 
 <style lang="scss" scoped>
 .the-row {
+  flex-wrap: wrap;
+  width: 100%;
   margin-top: 15px;
   max-width: 1600px;
   text-align: center;
@@ -247,12 +249,13 @@ export default {
 
       ::v-deep .el-card__body {
         height: 100%;
+        padding: unset !important;
 
         .el-row {
           display: flex;
           flex-wrap: nowrap;
           margin-top: 0;
-          height: 100%;
+          height: 190px;
 
           .image {
             display: flex;
@@ -275,6 +278,7 @@ export default {
             display: flex;
             flex-direction: column;
             align-items: flex-start;
+            padding: 10px;
 
             .one-line {
               display: flex;
@@ -296,15 +300,13 @@ export default {
 
             .comment {
               display: -webkit-box;
-              height: 120px;
               font-size: 12px;
               padding: 10px 0;
               cursor: pointer;
               overflow: hidden;
-              -webkit-line-clamp: 4;
-              -webkit-box-flex: 1;
+              text-overflow: ellipsis;
+              -webkit-line-clamp: 2;
               -webkit-box-orient: vertical;
-              text-align: left;
             }
 
             .tag-zone {
@@ -312,6 +314,7 @@ export default {
               height: 30%;
               align-items: center;
               cursor: pointer;
+              margin-top: 70px;
             }
           }
         }