今儿我又来整点不一样的活儿，跟大家聊聊怎么用 HTML 里的 <textarea> 标签。这玩意儿，看着简单，就是个让人打字的框框，但里面还挺有门道的。
我就是想弄个地方能让人多写几行字，还能换行那种。结果，我发现直接敲回车，虽然在框里能换行，但一显示出来就全挤一块儿，跟没换行一样，这可咋整？
然后我就四处查，发现这事儿还真不只我一个人遇到。网上有哥们说，要把换行符替换成啥 <br> 标签，还说有的是 \n，有的是 \r\n，看得我头都大。这不就是给自己找麻烦吗？后台处理多累。
后来我又发现新大陆，原来 CSS 里有个叫 white-space 的属性，专门管这个。只要把它的值改成 pre-line 或者 pre-wrap，就能自动识别换行，简直不要太方便！
我现在的做法是这样的：
- 我在 HTML 里放一个 <textarea> 标签，用来给人写东西。
- 然后，我在要显示内容的地方，用一个 <p> 标签或者别的啥都行，加上一个 style 属性，写上 white-space: pre-line;。
这么一来，不管你在 <textarea> 里怎么换行，显示出来都是规规矩矩的，再也不用手动替换那些奇奇怪怪的换行符。这样多省事，代码也看着干净。我觉得这法子真是既简单又实用，你们觉得？
还有人说可以用啥 或者 之类的，我试试，感觉还是没 CSS 这个方便。而且直接在 <textarea> 标签里写 \n 也能换行，但这玩意儿在显示的时候还是老问题，没啥用。
这回算是把 <textarea> 这个小东西给整明白，以后再也不怕换行的问题。这过程，虽然有点曲折，但也挺有意思的，你说对？
免责声明：由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权，根据《信息网络传播权保护条例》，如我们转载的作品侵犯了您的权利,请您通知我们，请将本侵权页面网址发送邮件到qingge@88.com，深感抱歉，我们会做删除处理。