修改文本显示样式问题

src/components/study.vue

@@ -243,7 +243,11 @@
                     <div class="title">查看文档</div>
                     <el-form class="textBox">
                       <el-form-item label="文档标题" class="textTitle">
-                        <div style="font-size: 22px">{{ text.name }}</div>
+                        <div
+                          style="font-size: 22px; height: 100px; overflow: auto"
+                        >
+                          {{ text.name }}
+                        </div>
                       </el-form-item>
                       <div style="color: #918f8f">文档内容</div>
                       <div v-html="text.url" class="textContent"></div>
@@ -4341,10 +4345,15 @@ export default {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
+  width: 100%;
 }
 .textTitle >>> .el-form-item__label {
   font-size: 22px;
   color: #918f8f;
+  width: 100px;
+}
+.textTitle >>> .el-form-item__content {
+  width: 80%;
 }
 .textCss >>> .el-dialog {
   width: 800px !important;
@@ -4654,6 +4663,7 @@ export default {
   height: 300px;
   width: 85%;
   overflow: auto;
+  margin: 0 auto;
   line-height: 30px;
 }
 .answerBg {