在span元素中换行文本

要在<span>元素中换行文本，您可以使用CSS样式white-space: pre-wrap;，它会保留文本中的空格和换行符。这是一个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Span with Line Breaks</title>
    <style>
        span {
            white-space: pre-wrap;
            display: inline-block; /* 使span元素与文本宽度一致 */
        }
    </style>
</head>
<body>
    <span>
        这是第一行文本。
        这是第二行文本。
    </span>
</body>
</html>

在这个例子中，<span>元素中的文本将在两行中显示，就像它们在源代码中有换行符一样。请注意，white-space: pre-wrap;样式可能会导致<span>元素的宽度与文本宽度一致，因此您可能需要使用display: inline-block;样式来确保<span>元素与文本宽度一致。