diff --git a/src/components/YlTable/Index.vue b/src/components/YlTable/Index.vue
index e206388..2ef5f0c 100644
--- a/src/components/YlTable/Index.vue
+++ b/src/components/YlTable/Index.vue
@@ -156,12 +156,9 @@ const RenderSlot = {
       >
         <template #default="scope">
           <slot name="column-default" :scope="scope">
-            <div
-              v-if="!item.render"
-              class="table-view-html"
-              @click.stop="handleImageClick"
-              v-html="scope.row[item.prop]"
-            ></div>
+            <div v-if="!item.render" @click.stop="handleImageClick">
+              <span>{{ scope.row[item.prop] }}</span>
+            </div>
 
             <RenderSlot
               v-else
@@ -200,9 +197,16 @@ const RenderSlot = {
   border-radius: 8px 8px 0 0;
 }
 
-:deep(.cell),
-:deep(.table-view-html) {
+.table-view-html {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
   font-size: 12px;
 }
+
+.table-col {
+  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  // font-size: 12px;
+}
 </style>