diff --git a/web/src/styles/index.scss b/web/src/styles/index.scss
index ac934378f..d91963abc 100644
--- a/web/src/styles/index.scss
+++ b/web/src/styles/index.scss
@@ -72,3 +72,13 @@ body {
     }
   }
 }
+
+/* 表格里的长路径标签：限制在单元格内并省略，否则溢出会盖住相邻列 */
+.n-tag.tag-ellipsis {
+  max-width: 100%;
+
+  .n-tag__content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
diff --git a/web/src/views/container/ComposeView.vue b/web/src/views/container/ComposeView.vue
index cbe0d8e66..a31902d10 100644
--- a/web/src/views/container/ComposeView.vue
+++ b/web/src/views/container/ComposeView.vue
@@ -71,8 +71,9 @@ const columns: any = [
       return h(
         NTag,
         {
-          class: 'cursor-pointer hover:opacity-60',
+          class: 'tag-ellipsis cursor-pointer hover:opacity-60',
           type: 'info',
+          title: row.path,
           onClick: () => {
             if (fileStore.activeTab) fileStore.updateTabPath(fileStore.activeTabId, row.path)
             router.push({ name: 'file-index' })
diff --git a/web/src/views/file/ListView.vue b/web/src/views/file/ListView.vue
index 0c2fe4bed..f8c11254b 100644
--- a/web/src/views/file/ListView.vue
+++ b/web/src/views/file/ListView.vue
@@ -1554,7 +1554,7 @@ onUnmounted(() => {
 
           <!-- 列表视图 -->
           <template v-else>
-            <div class="list-col col-checkbox">
+            <div class="list-col col-checkbox" @click.stop="toggleCheckbox(item)">
               <n-checkbox
                 :checked="isSelected(item)"
                 @update:checked="toggleCheckbox(item)"
@@ -1862,6 +1862,14 @@ onUnmounted(() => {
       &.cut {
         opacity: 0.5;
       }
+
+      // 勾选格吃掉行的左侧和上下 padding，点偏了也不会落到整行单选上
+      .col-checkbox {
+        align-self: stretch;
+        box-sizing: content-box;
+        margin: -6px 0 -6px -8px;
+        padding-left: 8px;
+      }
     }
   }
 }
diff --git a/web/src/views/project/ListView.vue b/web/src/views/project/ListView.vue
index 8186b41b8..687392f8c 100644
--- a/web/src/views/project/ListView.vue
+++ b/web/src/views/project/ListView.vue
@@ -103,8 +103,9 @@ const columns: any = [
       return h(
         NTag,
         {
-          class: 'cursor-pointer hover:opacity-60',
+          class: 'tag-ellipsis cursor-pointer hover:opacity-60',
           type: 'info',
+          title: row.root_dir,
           onClick: () => {
             if (fileStore.activeTab) fileStore.updateTabPath(fileStore.activeTabId, row.root_dir)
             router.push({ name: 'file-index' })
diff --git a/web/src/views/website/ListView.vue b/web/src/views/website/ListView.vue
index 1a8bd6956..16d477fb3 100644
--- a/web/src/views/website/ListView.vue
+++ b/web/src/views/website/ListView.vue
@@ -154,8 +154,9 @@ const columns: any = [
       return h(
         NTag,
         {
-          class: 'cursor-pointer hover:opacity-60',
+          class: 'tag-ellipsis cursor-pointer hover:opacity-60',
           type: 'info',
+          title: row.path,
           onClick: () => {
             if (fileStore.activeTab) fileStore.updateTabPath(fileStore.activeTabId, row.path)
             router.push({ name: 'file-index' })