diff --git a/src/renderer/src/components/choose-textbook/index.vue b/src/renderer/src/components/choose-textbook/index.vue
index 811c1cc..0ed1188 100644
--- a/src/renderer/src/components/choose-textbook/index.vue
+++ b/src/renderer/src/components/choose-textbook/index.vue
@@ -14,17 +14,17 @@
             <div v-if="props.isClassTask && (data.bookId == '' || data.bookId == '0')" class="tree-label-wrap">
               <el-tooltip effect="light" placement="right" >
                 <template #content> {{ node.label }}<br /><span style="color: red;">-该单元章节无自主试题-</span> </template>
-                <span class="tree-label" style="color: #A5B3CA" >
+                <div class="tree-label" style="color: #A5B3CA" >
                   {{ node.label }}
-                </span>
+                </div>
               </el-tooltip>
             </div>
             <div v-else class="tree-label-wrap">
               <el-tooltip effect="light" placement="right" >
                 <template #content> {{ node.label }}</template>
-                <span class="tree-label">
+                <div class="tree-label">
                   {{ node.label }}
-                </span>
+                </div>
               </el-tooltip>
             </div>
           </template>
@@ -44,8 +44,9 @@
 
     <div class="textbook-container">
       <el-scrollbar height="450px">
-        <div class="textbook-item flex" v-for="item in subjectList" :class="curBook.data.id == item.id ? 'active-item' : ''"
-          :key="item.id" @click="changeBook(item)">
+        <div
+          v-for="item in subjectList" :key="item.id" class="textbook-item flex"
+          :class="curBook.data.id == item.id ? 'active-item' : ''" @click="changeBook(item)">
           <img v-if="item.avartar" :src="item.avartar.indexOf('http') === 0 ? item.avartar : BaseUrl + item.avartar" class="textbook-img" alt="">
           <div v-else class="textbook-img">
             <i class="iconfont icon-jiaocaixuanze" style="font-size: 40px;"></i>
@@ -341,6 +342,7 @@ onMounted( async () => {
 }
 
 .tree-label-wrap, .tree-label {
+  max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;