diff --git a/src/views/message/components/GroupSetting.vue b/src/views/message/components/GroupSetting.vue
index 9ea5f0e..3de6da1 100644
--- a/src/views/message/components/GroupSetting.vue
+++ b/src/views/message/components/GroupSetting.vue
@@ -68,7 +68,7 @@
                   <i class="el-icon-minus" />
                 </span>
               </div>
-              <span class="member-name">{{ member.name }}</span>
+              <span class="member-name" :title="member.name">{{ member.name }}</span>
             </div>
           </div>
         </div>
@@ -93,7 +93,7 @@
                   member.avatar
                 "
               />
-              <span class="member-name">{{ member.name }}</span>
+              <span class="member-name" :title="member.name">{{ member.name }}</span>
             </div>
           </div>
         </div>
@@ -369,6 +369,10 @@ export default {
       font-size: 12px;
       color: #606266;
       text-align: center;
+       width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
     .admin-tag {