From eda842ce073c5b2e20350aeb82aa6019a4e3ab74 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Fri, 23 Mar 2018 21:23:57 +0800
Subject: [PATCH]  [Improvement] Cell: update to flex-box (#770)

---
 packages/cell/index.vue        | 2 +-
 packages/vant-css/src/cell.css | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/cell/index.vue b/packages/cell/index.vue
index 9c68fe778..c7a1073ca 100644
--- a/packages/cell/index.vue
+++ b/packages/cell/index.vue
@@ -14,7 +14,7 @@
       </slot>
       <slot name="title">
         <span class="van-cell__text" v-text="title" />
-        <span class="van-cell__label" v-if="label" v-text="label" />
+        <div class="van-cell__label" v-if="label" v-text="label" />
       </slot>
     </div>
     <div
diff --git a/packages/vant-css/src/cell.css b/packages/vant-css/src/cell.css
index 3d43adce3..da4414a69 100644
--- a/packages/vant-css/src/cell.css
+++ b/packages/vant-css/src/cell.css
@@ -2,7 +2,7 @@
 
 .van-cell {
   width: 100%;
-  display: table;
+  display: flex;
   padding: 10px 15px;
   box-sizing: border-box;
   line-height: 24px;
@@ -25,8 +25,6 @@
   }
 
   &__title {
-    display: table-cell;
-
     .van-icon {
       font-size: 16px;
       margin-right: 5px;
@@ -39,14 +37,13 @@
   }
 
   &__label {
-    display: block;
     font-size: 12px;
     line-height: 1.2;
     color: $gray-darker;
   }
 
   &__value {
-    display: table-cell;
+    flex: 1;
     text-align: right;
     vertical-align: middle;
     overflow: hidden;