文本区域中的css空白属性？

我想在HTML

textarea

中使用

white space

CSS属性

基本上，如果有人在

textarea

中键入一组带有换行符的文本，然后将这些数据提交到MySQL中存储，我想使用

空白

CSS属性在textarea中显示这些换行符。但是当我尝试它时，它不起作用，只是将文本全部显示在一个大段落中，没有任何中断或任何内容。有办法做到这一点吗

<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>

不要

元素已按字面意思处理空白。没有必要试图把事情掌握在自己手中

textarea{white-space:pre}

当我看到这一点时，这是因为您的textarea继承了某个东西的空白：nowrap。文本区域上的wrap=“no”有时会很有用，这也会使问题变得复杂

textarea nowrap的默认行为是pre，因此只需在样式底部如上所述设置css，即可覆盖设置空白的任何位置

如果您检查textarea元素，您肯定会发现在层次结构中的某个位置，您正在覆盖默认textarea行为的某个类型的元素上设置nowrap属性。
我觉得一切正常。。。把这个扔进密码笔只是为了测试一下。直接添加换行符时，换行符在文本区域内显示良好

不知道发生了什么事。PHP是否正在剥离换行符？您是否对通过$profile['bio']传递的内容使用双引号

以下是一个可能对您有所帮助的答案：

特别是最后的回应。根据您的代码，.replace（）方法听起来不是您所需要的（但我可能错了……也许我不明白您在做什么）。
所以，您知道为什么文本会显示为一个没有空格的大段落吗？您试图覆盖它，但效果不好。确切地说，我不知道浏览器是如何处理它的，但“不正确”只是概括了一下。只需完全删除
空白
属性。这是什么“它”将文本显示在一个大段落中”？听起来您的问题在于处理提交的用户输入，而不是
textarea
元素的样式。如示例代码所示，该元素没有内容。