fix: 标题预览span改div，确保长标题自动换行不超出视频边界

- 视频叠加区域 span → div（block 元素，wordBreak 可靠生效） - 无视频预览区域 span → div（同上） - 父容器已有 width:100% 约束，div 作为 block 元素自动受限于父宽度
2026-08-05 14:39:40 +08:00
parent bb5bed0f4c
commit 643239279e
1 changed files with 4 additions and 4 deletions
@@ -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>
      )}