日志过长换行显示

acs/qd/src/views/monitor/logback/index.vue

@@ -99,13 +99,15 @@
         </el-form-item>
       </el-form>
     </div>
-    <div style="margin: 3px; min-height: 80vh">
+    <div style="margin: 3px; min-height: 80vh;">
       <!--数据判空-->
       <el-empty v-if="showEmpty" :description="emptyText" />
       <!--数据加载-->
-      <el-card v-else shadow="hover">
-        <div v-for="(log, index) in logs" :key="index">
-          <div style="margin-bottom: 5px; font-size: 12px; width: 100%" v-html="log[1]" />
+      <el-card v-else shadow="hover" style="width: 100%" class="log-warpper">
+        <div style="width: 100%">
+          <div v-for="(log, index) in logs" :key="index" >
+            <div style="margin-bottom: 5px; font-size: 12px;" v-html="log[1]" />
+          </div>
         </div>
       </el-card>
     </div>
@@ -461,5 +463,8 @@ export default {
 </script>
 
 <style scoped>
-
+.log-warpper {
+  word-break: break-all;
+  word-wrap: break-word
+}
 </style>