修改分析页面katex不换行问题

src/components/components/choseWorksDetailDialog.vue

@@ -57,7 +57,9 @@
                       v-if="[72].includes(toolType)"
                     @click="upLoadApp">作业提交</el-button>
                   </div>
-                  <span v-if="testData.toolDetail"><span v-html="renderedFormula(testData.toolDetail)"></span></span>
+                  <span v-if="testData.toolDetail" class="renderedFor">
+                    <span v-html="renderedFormula(testData.toolDetail)"></span>
+                  </span>
 									<span v-else>无</span>
                 </div>
 
@@ -85,7 +87,10 @@
                         >
                           (多选题)
                         </div>
-                        <div style="display: flex;"><span style="flex-shrink: 0;">题目：</span><span v-html="renderedFormula(item1.teststitle)"></span></div>
+                        <div style="display: flex;" class="renderedFor">
+                          <span style="flex-shrink: 0;">题目：</span>
+                          <span v-html="renderedFormula(item1.teststitle)"></span>
+                        </div>
                       </div>
                       <img
                         v-if="item1.img"
@@ -1024,7 +1029,7 @@
                   v-for="(item, index) in tableData"
                   :key="index + 'q3'"
                 >
-                  <div class="s_b_m_b_i_m_c_title">
+                  <div class="s_b_m_b_i_m_c_title renderedFor" >
                     <span>{{ index + 1 }}</span>
                     <svg
                       width="16"
@@ -1040,13 +1045,13 @@
                     </svg>
 
                     <span
-                    style="display: flex;align-items: center;"
-                      >{{
-                        typeof item.answer === "number"
-                          ? "单选题："
-                          : "多选题："
-                      }}<span v-html="renderedFormula(item.title)"></span></span
-                    >
+                      style="display: flex;align-items: center;"
+                        >{{
+                          typeof item.answer === "number"
+                            ? "单选题："
+                            : "多选题："
+                        }}<span v-html="renderedFormula(item.title)"></span></span
+                      >
                   </div>
 
 									<div class="s_b_m_b_i_m_c_accuracyRate">
@@ -4414,4 +4419,19 @@ ol {
     white-space: normal !important;
     display: inline !important;
 }
+.renderedFor >>> .katex {
+  font-size: 18px;
+  width: 100%;
+  white-space: normal;
+  font-family: '黑体' !important;
+}
+.renderedFor >>> .katex .base{
+  display: inline !important;
+  display: contents !important;
+}
+
+.renderedFor>>> .katex .base .cjk_fallback{
+    white-space: normal !important;
+    display: inline !important;
+}
 </style>