DIV 模擬文本區域換行效果：CSS white-space 與內容預處理

需求

從資料庫讀取的文本內容已包含換行排版，需在 <div> 中呈現與 <textarea> 一致的換行效果，不手動插入 <br>。

解決方案

使用 CSS white-space: pre-wrap; 保留原始空白與換行，並自動換行：

.text-area-like {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: monospace;
    border: 1px solid #ccc;
    padding: 10px;
    overflow: auto;
}

若資料庫內容為純文本（含 \n），直接輸出到 <div class=\"text-area-like\"> 即可。

替代方案：伺服器端預處理

若不想依賴 CSS，可在 PHP 中將 \n 替換為 <br>：

echo '
' . nl2br(htmlspecialchars($text)) . '
';

htmlspecialchars 防 XSS，nl2br 轉換換行。