我的问答

src/pages/regulatoryRepository/standQA/components/stand-item.vue

@@ -1,7 +1,7 @@
 <!--标准的描述-->
 <template>
-  <div id="stand-item">
-    <div>
+  <div style="width: 100%;padding: 10px 0;">
+    <div id="stand-item">
       <div class="row">
         <div class="item">
           <span>{{stand.standardEncdoing}}</span>
@@ -9,7 +9,7 @@
       </div>
       <div class="row">
         <div class="item">
-          <span>{{stand.standardName}}</span>
+          <span :title="stand.standardEncdoing + stand.standardName">{{stand.standardName}}</span>
         </div>
       </div>
     </div>
@@ -40,14 +40,18 @@ export default {
 
 <style lang="less" scoped>
 #stand-item{
-  width: 100%;
   min-width: 130px;
-  padding:10px 0;
+  max-width: 200px;
+
   .row {
     line-height: 1.5;
   }
   .item {
     display: inline-block;
+    width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
 }
 </style>