diff --git a/packages/card/index.less b/packages/card/index.less
index 0384290d..35f293aa 100644
--- a/packages/card/index.less
+++ b/packages/card/index.less
@@ -8,13 +8,13 @@
   background-color: @background-color-light;
   box-sizing: border-box;
 
-  &--center {
-    align-items: center;
-    justify-content: center;
-  }
-
   &__header {
     display: flex;
+
+    &--center {
+      align-items: center;
+      justify-content: center;
+    }
   }
 
   &__thumb {
@@ -36,7 +36,6 @@
 
   &__content {
     position: relative;
-    height: 90px;
     min-width: 0; /* hack for flex box ellipsis */
     flex: 1;
   }
@@ -47,13 +46,11 @@
   }
 
   &__title {
-    max-height: 32px;
     font-weight: bold;
     line-height: 16px;
   }
 
   &__desc {
-    max-height: 20px;
     line-height: 20px;
     color: @gray-darker;
   }
diff --git a/packages/card/index.wxml b/packages/card/index.wxml
index d4e67631..46d9d813 100644
--- a/packages/card/index.wxml
+++ b/packages/card/index.wxml
@@ -1,5 +1,7 @@
-<view class="custom-class van-card {{ centered ? 'van-card--center' : '' }}">
-  <view class="van-card__header">
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="custom-class van-card">
+  <view class="{{ utils.bem('card__header', { center: centered }) }}">
     <view class="van-card__thumb" bind:tap="onClickThumb">
       <image
         wx:if="{{ thumb }}"
@@ -20,10 +22,10 @@
     </view>
 
     <view class="van-card__content">
-      <view wx:if="{{ title }}" class="van-card__title van-multi-ellipsis--l2 title-class">{{ title }}</view>
+      <view wx:if="{{ title }}" class="van-card__title title-class">{{ title }}</view>
       <slot wx:else name="title" />
 
-      <view wx:if="{{ desc }}" class="van-card__desc van-ellipsis desc-class">{{ desc }}</view>
+      <view wx:if="{{ desc }}" class="van-card__desc desc-class">{{ desc }}</view>
       <slot wx:else name="desc" />
 
       <slot name="tags" />