From 643239279e575810d161d66a2cafa86002850b2d Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Wed, 5 Aug 2026 14:39:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=87=E9=A2=98=E9=A2=84=E8=A7=88span?=
 =?UTF-8?q?=E6=94=B9div=EF=BC=8C=E7=A1=AE=E4=BF=9D=E9=95=BF=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E8=87=AA=E5=8A=A8=E6=8D=A2=E8=A1=8C=E4=B8=8D=E8=B6=85?=
 =?UTF-8?q?=E5=87=BA=E8=A7=86=E9=A2=91=E8=BE=B9=E7=95=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 视频叠加区域 span → div（block 元素，wordBreak 可靠生效）
- 无视频预览区域 span → div（同上）
- 父容器已有 width:100% 约束，div 作为 block 元素自动受限于父宽度
---
 .../src/pages/generate/components/PreviewVideoPanel.tsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
index 4c30f9b67..c549ece23 100644
--- a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
+++ b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
@@ -138,9 +138,9 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
                 pointerEvents: "none",
               }}
             >
-              <span style={buildTitleStyle(titleSettings!)}>
+              <div style={buildTitleStyle(titleSettings!)}>
                 {titleText && titleText.trim() ? titleText : "请选择或输入标题"}
-              </span>
+              </div>
             </div>
           )}
         </div>
@@ -159,9 +159,9 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
             justifyContent: "center",
           }}
         >
-          <span style={buildTitleStyle(titleSettings!)}>
+          <div style={buildTitleStyle(titleSettings!)}>
             {titleText && titleText.trim() ? titleText : "请选择或输入标题"}
-          </span>
+          </div>
         </div>
       )}