在一個專案中,我使用 <textarea>
欄位在表單中獲取工作的描述,然後將其存儲在數據庫中。
現在,這個描述並沒有被解釋為 HTML,當我將它添加到頁面中時,瀏覽器並沒有尊重空格和換行。
我希望獲得這樣的顯示效果:
但我得到了這樣的顯示效果:
解決方法是添加以下 CSS 屬性:
white-space: pre-wrap;
在 Tailwind 中,對應的類名為 whitespace-pre-wrap
。
在一個專案中,我使用 <textarea>
欄位在表單中獲取工作的描述,然後將其存儲在數據庫中。
現在,這個描述並沒有被解釋為 HTML,當我將它添加到頁面中時,瀏覽器並沒有尊重空格和換行。
我希望獲得這樣的顯示效果:
但我得到了這樣的顯示效果:
解決方法是添加以下 CSS 屬性:
white-space: pre-wrap;
在 Tailwind 中,對應的類名為 whitespace-pre-wrap
。