From 34d5750e3b922104ebf97bd903858d818245b650 Mon Sep 17 00:00:00 2001
From: rex <rexkaneki@gmail.com>
Date: Thu, 9 May 2019 13:06:59 +0800
Subject: [PATCH] [bugfix] Checkbox: fix style error

fix #1606
---
 packages/checkbox/index.less | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/checkbox/index.less b/packages/checkbox/index.less
index 2f62da7e..cdc295e1 100644
--- a/packages/checkbox/index.less
+++ b/packages/checkbox/index.less
@@ -1,25 +1,32 @@
 @import '../common/style/var.less';
 
 .van-checkbox {
+  display: flex;
   overflow: hidden;
   user-select: none;
 
   &__icon-wrap,
   &__label {
-    display: inline-block;
     line-height: @checkbox-size;
-    vertical-align: middle;
+  }
+
+  &__icon-wrap {
+    flex: none;
+  }
+
+  &__label {
+    word-break: break-all;
   }
 
   &__icon {
     display: block;
-    font-size: 14px;
     width: @checkbox-size;
     height: @checkbox-size;
+    font-size: 14px;
     color: transparent;
     text-align: center;
-    box-sizing: border-box;
     border: 1px solid @checkbox-border-color;
+    box-sizing: border-box;
     transition: @checkbox-transition-duration;
 
     &--round {
@@ -28,13 +35,13 @@
 
     &--checked {
       color: @white;
-      border-color: @checkbox-checked-icon-color;
       background-color: @checkbox-checked-icon-color;
+      border-color: @checkbox-checked-icon-color;
     }
 
     &--disabled {
-      border-color: @checkbox-disabled-icon-color;
       background-color: @checkbox-disabled-background-color;
+      border-color: @checkbox-disabled-icon-color;
     }
 
     &--disabled&--checked {
@@ -43,8 +50,8 @@
   }
 
   &__label {
-    color: @checkbox-label-color;
     margin-left: @checkbox-label-margin;
+    color: @checkbox-label-color;
 
     &--left {
       float: left;