css在textarea中的空白屬性？

Question

我想用white-space CSS屬性在HTML textarea。

基本上，如果有人類型的textarea一堆換行文本，然後提交這一數據被存儲在MySQL中，我想用white-space CSS屬性顯示在文本區域的換行符。但是，當我嘗試它時，它不工作，只是在一個大段落中顯示文本，沒有任何休息或任何東西。有沒有辦法做到這一點？

<form action="includes/changebio.php" method="post" id="form1">   
<textarea id="bio" style="width: 440px; 
    margin-top:3px; 
    text-align:left; 
    margin-left:-2px; 
    height: 120px; 
    resize: none; 
    outline:none; 
    overflow:scroll; 

    **white-space:pre-line;** 

    border: #ccc 1px solid;" textarea name="bio" data-id="bio" maxlength="710" placeholder="<?php echo stripslashes($profile['bio']); ?>"></textarea> 
<input type="image" src="assets/img/icons/save-edit.png"class="bio-submit" name="submit" value="submit" id="submit"/> 
</form> 

Answer 1

不要。

<textarea>元素已經處理的空白字面上。沒有必要嘗試把事情掌握在自己手中。

Answer 2

textarea{white-space:pre} 

當我看到這個，這是因爲你的textarea從某物繼承了一個空白：nowrap。它也可以通過textareas上的wrap =「no」而變得複雜，這有時可能是有用的。

對於一個textarea NOWRAP的默認行爲是前期，所以只需設置CSS如上在您的樣式底部將被設置白空間的任何地方覆蓋。

如果你檢查你的textarea元素，你肯定會發現在層次結構的某個地方，你正在設置某個類型的元素上的nowrap屬性，這個元素覆蓋默認的textarea行爲。

Answer 3

事情似乎工作確定爲我...扔進一個codepen只是爲了測試這一點。直接添加時，換行符在textarea內顯示正常。

不知道發生了什麼事情。 PHP剝離換行符？你在通過$ profile ['bio']傳遞什麼時使用雙引號？

這裏有一個答案可以幫助你：The .val() of a textarea doesn't take new lines into account

最後的響應，尤其如此。根據你的代碼，聽起來不像.replace（）方法是你需要的（但我可能是錯的......也許我不瞭解你在做什麼）。