如何在 HTML `` 标签中进行文本换行？

前置标签中的文本换行

在 HTML 中，前置标签经常用于代码块和调试输出显示。然而，通常需要确保这些标签中的文本换行，以防止出现长而不间断的行。解决方案在于 CSS 空白和自动换行属性。

用于文本换行的 CSS 属性

要在 pre 标记中启用文本换行，请使用以下 CSS属性：

• 空白：预换行；（CSS 2.1 )
• 空白：-moz-pre-wrap; (Mozilla)
• 空白：-pre-wrap; ( Opera 4-6)
• 空白： -o-pre-wrap; (Opera 7)
• 自动换行：断词; (Internet Explorer 5.5 )

示例代码

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

合并将此 CSS 规则添加到您的 HTML 文档中将导致 pre 标记内的文本根据需要换行，从而防止长单行显示。

以上是如何在 HTML `` 标签中进行文本换行？的详细内容。更多信息请关注PHP中文网其他相关文章！