在 HTML 中显示数据库文本时如何保留空格和换行符？

如何在 HTML 中呈现字符串时保留空格和换行符

从数据库检索文本字符串时，您可能会遇到格式问题当以 HTML 形式呈现它时。具体来说，HTML 的默认行为可能会删除或忽略空格和换行符。为了保留这些格式化元素，我们可以采用以下方法：

使用CSS

CSS属性white-space可用于控制块内空白的方式处理元素：

div {
    white-space: pre-wrap;
}

此设置强制浏览器根据需要换行空格，保留原始空格和换行符string.

<div>
This is some text   with some extra spacing    and a
few newlines along with some trailing spaces        
     and five leading spaces thrown in
for                                              good
measure                                              
</div>

使用 HTML 编码

您提到 HTML 编码似乎没有按预期工作。不过，正确使用它的方法如下：

string encodedString = System.Web.HttpUtility.HtmlEncode(yourString);

请记住，HTML 编码不会影响空格和换行符。它主要转换特殊字符，如“”到 HTML 实体中以防止它们被解释为 HTML 标签。

以上是在 HTML 中显示数据库文本时如何保留空格和换行符？的详细内容。更多信息请关注PHP中文网其他相关文章！