修改bug

src/App.vue

@@ -25,6 +25,10 @@ img {
   object-fit: contain;
 }
 
+.wordbreak {
+  word-break: break-word;
+}
+
 .ellipsis {
   white-space: nowrap;
   overflow: hidden;

src/views/apartmentDetail.vue

@@ -77,14 +77,14 @@
                     <img class="header-bj" src="@/assets/img/apartmentDetail/apartmentDetail-header-bj.png">
                     <img class="header-shade" src="@/assets/img/apartmentDetail/apartmentDetail-header-shade.svg">
                     <div class="tab-box flexflex" v-if="info['tags'] && info['tags'].length != 0">
-                        <div class="tab-item flexcenter" v-for="item in info['tags']">{{ item }}</div>
+                        <div class="tab-item wordbreak flexcenter" v-for="item in info['tags']">{{ item }}</div>
                     </div>
-                    <div class="apartment-name" v-if="info['title']">{{ info['title'] }}</div>
+                    <div class="apartment-name wordbreak" v-if="info['title']">{{ info['title'] }}</div>
-                    <div class="synopsis">{{ info['introduction'] }}</div>
+                    <div class="synopsis wordbreak">{{ info['introduction'] }}</div>
                     <div class="place flexacenter" v-if="info['address']">
                         <div class="left flexacenter">
                             <img class="icon" src="@/assets/img/publicImage/location-icon.png" />
-                            {{ info['address'] }}
+                            <div class="place-text ellipsis">{{ info['address'] }}</div>
                         </div>
                         <div class="right flexacenter" @click="handleClickNav('addressEle')">
                             位置与交通
@@ -277,7 +277,7 @@
                     <div class="same-brand-item" v-for="item in dualBrandList" @click="gobrand(item)">
                         <div class="same-brand-header">
                             <img class="same-brand-img" v-lazy="item['image']" />
-                            <div class="apartment-name">{{ item['title'] }}</div>
+                            <div class="apartment-name ellipsis">{{ item['title'] }}</div>
                             <div class="apartment-synopsis ellipsis">{{ item['propaganda'] }}</div>
                         </div>
 
@@ -948,14 +948,14 @@ const publicJump = path => router.push(path)
                     margin-bottom: 9px;
 
                     .tab-item {
-                        height: 24px;
+                        // height: 24px;
                         background: -webkit-linear-gradient(145.829772035587deg, rgba(224, 240, 255, 1) 0%, rgba(98, 177, 255, 1) 297%);
                         background: -moz-linear-gradient(-55.8297720355872deg, rgba(224, 240, 255, 1) 0%, rgba(98, 177, 255, 1) 297%);
                         background: linear-gradient(-55.8297720355872deg, rgba(224, 240, 255, 1) 0%, rgba(98, 177, 255, 1) 297%);
                         border-radius: 8px;
                         font-size: 14px;
                         color: #447EB3;
-                        line-height: 26px;
+                        line-height: 24px;
                         padding: 0 7px;
                         margin-bottom: 12px;
                         margin-right: 10px;
@@ -976,6 +976,10 @@ const publicJump = path => router.push(path)
                     margin-bottom: 20px;
                 }
 
+                .place-text {
+
+                }
+
                 .place,
                 .else {
                     height: 63px;
@@ -1479,6 +1483,7 @@ const publicJump = path => router.push(path)
                             border-radius: 40px;
                             width: max-content;
                             line-height: 30px;
+                            max-width: 100%;
                         }
 
                         .apartment-synopsis {