From 3af86e42867e352965ae2be90cf19a82950db57b Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 10 Sep 2015 12:07:58 +0800
Subject: [PATCH] Fix style of super long tag in multiple select

---
 style/components/select.less | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/style/components/select.less b/style/components/select.less
index e27499e7f9..cbb456c4ac 100644
--- a/style/components/select.less
+++ b/style/components/select.less
@@ -236,8 +236,19 @@
       border-radius: 4px;
       cursor: default;
       float: left;
-      padding: 0 8px;
+      padding: 0 20px 0 8px;
       margin-right: 4px;
+      max-width: 99%;
+      position: relative;
+    }
+
+    .@{select-prefix-cls}-selection__choice__content {
+      display: inline-block;
+      white-space: nowrap;
+      overflow: hidden;
+      vertical-align: middle;
+      text-overflow: ellipsis;
+      max-width: 100%;
     }
 
     .@{select-prefix-cls}-selection__choice__remove {
@@ -248,9 +259,8 @@
       font-weight: bold;
       .iconfont-size-under-12px(8px);
       padding: 0 0 0 4px;
-      position: relative;
-      top: -1px;
-      left: 4px;
+      position: absolute;
+      right: 4px;
       &:hover {
         color: #333;
       }