解决合并冲突：更新爬取内容管理界面标题显示

.gitignore

@@ -176,3 +176,6 @@ cython_debug/
 
 
 media/
+staticfiles/
+__pycache__/
+*.pyc

crawler/admin.py

@@ -65,15 +65,23 @@ class CrawledContentAdmin(admin.ModelAdmin):
     readonly_fields = ['created_at', 'preview_content', 'media_files_display']
     ordering = ['-created_at']
     
+    class Media:
+        css = {
+            'all': ('admin/css/custom_admin.css',)
+        }
+    
     def title_display(self, obj):
         """显示完整的标题，但在列表中限制宽度"""
         if len(obj.title) > 100:
             return format_html(
-                '<span title="{}">{}</span>',
+                '<div style="min-width: 300px; white-space: normal; word-wrap: break-word;" title="{}">{}</div>',
                 obj.title,
-                obj.title[:20] + '...'
+                obj.title[:100] + '...'
+            )
+        return format_html(
+            '<div style="min-width: 300px; white-space: normal; word-wrap: break-word;">{}</div>',
+            obj.title
         )
-        return obj.title
     title_display.short_description = '标题'
     title_display.admin_order_field = 'title'
     

crawler/static/admin/css/custom_admin.css

@@ -0,0 +1,46 @@
+/*
+自定义管理后台样式
+*/
+
+/* 增加标题列的宽度 */
+.field-title_display {
+    width: 350px !important;
+    max-width: 350px !important;
+    min-width: 350px !important;
+}
+
+/* 确保表格可以水平滚动 */
+.results {
+    overflow-x: auto;
+}
+
+/* 为标题单元格设置最小宽度 */
+.results table tbody td.field-title_display,
+.results table thead th.field-title_display {
+    min-width: 350px !important;
+    width: 350px !important;
+    max-width: 350px !important;
+    white-space: normal !important;
+    word-wrap: break-word !important;
+    word-break: break-word !important;
+}
+
+/* 为表头设置固定位置 */
+.results table thead {
+    position: sticky;
+    top: 0;
+}
+
+/* 强制表格列宽度 */
+.results table {
+    table-layout: fixed !important;
+    width: 100% !important;
+}
+
+/* 特殊处理标题列 */
+.change-list .results table tbody td:nth-child(1),
+.change-list .results table thead th:nth-child(1) {
+    width: 350px !important;
+    min-width: 350px !important;
+    max-width: 350px !important;
+}

crawler_project/settings.py

@@ -117,6 +117,10 @@ USE_TZ = True
 # https://docs.djangoproject.com/en/5.2/howto/static-files/
 
 STATIC_URL = 'static/'
+STATICFILES_DIRS = [
+    BASE_DIR / "crawler" / "static",
+]
+STATIC_ROOT = BASE_DIR / "staticfiles"
 
 # Media files (用户上传的文件)
 MEDIA_URL = '/media/'