在 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中文網其他相關文章！