first commit

This commit is contained in:
闫旭隆
2025-10-17 09:31:28 +08:00
commit 4698145045
589 changed files with 196795 additions and 0 deletions

View File

@ -0,0 +1,147 @@
/* ===== 列表项文本换行修复 ===== */
/* 1. 确保列表项本身可以正确换行 */
.message li,
.ai-message li,
.user-message li,
.message-item li,
#chatMessages li {
/* 保持列表项显示 */
display: list-item !important;
/* 确保文本可以换行 */
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
/* 保持适当的行高 */
line-height: 1.5 !important;
}
/* 2. 列表容器设置 */
.message ul,
.message ol,
.ai-message ul,
.ai-message ol,
.user-message ul,
.user-message ol,
#chatMessages ul,
#chatMessages ol {
/* 确保列表容器宽度正确 */
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* 3. 处理列表项中的文本节点 */
.message li,
.ai-message li,
.user-message li,
#chatMessages li {
/* 使用CSS3的换行属性 */
word-break: keep-all !important; /* 保持单词完整 */
word-wrap: break-word !important; /* 长单词换行 */
overflow-wrap: break-word !important; /* 确保换行 */
hyphens: auto !important; /* 自动断字 */
}
/* 4. 中文内容特殊处理 */
.message li:lang(zh),
.message li:lang(zh-CN),
.ai-message li:lang(zh),
.ai-message li:lang(zh-CN),
.user-message li:lang(zh),
.user-message li:lang(zh-CN),
#chatMessages li:lang(zh),
#chatMessages li:lang(zh-CN) {
/* 中文可以在任意字符间换行 */
word-break: break-all !important;
}
/* 5. 处理列表项内的inline元素 */
.message li strong,
.message li em,
.message li span,
.message li b,
.ai-message li strong,
.ai-message li em,
.ai-message li span,
.ai-message li b,
.user-message li strong,
.user-message li em,
.user-message li span,
.user-message li b,
#chatMessages li strong,
#chatMessages li em,
#chatMessages li span,
#chatMessages li b {
/* 保持内联但允许换行 */
display: inline !important;
word-break: inherit !important;
word-wrap: inherit !important;
}
/* 6. 列表项内的段落处理 */
.message li p,
.ai-message li p,
.user-message li p,
#chatMessages li p {
/* 段落保持内联以避免额外换行 */
display: inline !important;
/* 继承父元素的换行设置 */
word-break: inherit !important;
word-wrap: inherit !important;
}
/* 7. 最高优先级 - 强制列表项正确换行 */
body #chatMessages .message li,
body #chatMessages .ai-message li,
body #chatMessages .user-message li {
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
max-width: 100% !important;
}
/* 8. 修复列表项内容溢出 */
.message li,
.ai-message li,
.user-message li,
#chatMessages li {
/* 允许内容正常显示 */
overflow: visible !important;
/* 允许多行 */
display: list-item !important;
white-space: normal !important;
}
/* 9. 重置可能影响换行的属性 */
.message li,
.ai-message li,
.user-message li,
#chatMessages li {
/* 移除可能的flex属性 */
display: list-item !important;
/* 确保文本正常流动 */
position: relative !important;
/* 移除可能的浮动 */
float: none !important;
/* 确保宽度自适应 */
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* 10. 处理特定的换行场景 */
.message li,
.ai-message li,
.user-message li,
#chatMessages li {
/* 标准换行设置 */
overflow-wrap: break-word !important;
word-wrap: break-word !important;
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
/* 保持文本可读性 */
text-align: left !important;
}