text区域硬换行为换行的单词添加新行

Question

我有一个脚本，可以在文本区域打印文件的内容，以便对文件的内容进行更改，然后进行更新。

$file_content = file_get_contents($filename);
if (isset($_POST['text']))
file_put_contents($filename, $_POST['text']);
<textarea name="text" wrap="hard">
echo htmlspecialchars($file_content, ENT_QUOTES, 'UTF-8');
</textarea>

为了使文本区域编辑表单"更好看"，我添加了wrap="hard"属性，这样就可以在不水平滚动的情况下查看文件的内容。

该属性的问题是，当它对一行中的句子进行换行时：在使用表单更新文件后，换行在文件内容中也有效，在换行的句子中添加新行n。

有什么办法可以避免这种情况吗？

Answer 1

我将推荐style="resize: vertical;，并确保您对cols和rows属性尽可能慷慨。

这将避免生成不需要的换行符，并消除水平滚动的可能性。

我在https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_textarea_wrap

正如@Funk评论的那样，overflow-x: hidden是另一种有效的样式技术。

但是，嘿，文本区域的默认行为是无论如何为您包装它。你有没有其他你没有告诉我们的风格应用于你的元素？文本区域是否受到其他元素的限制？