在文本区域中强制换行

Question

我遇到了标签的问题，它在IE11和Firefox/Chrome中的工作方式不同。当我在Chrome/Firefox中键入长文本时，它会自动将文本适应<textarea>的大小，就像这样：</p> <p><a href="https://istack.dev59.com/R4JbW.webp" rel="nofollow noreferrer"><img alt="Chrome example" src="https://istack.dev59.com/R4JbW.webp"/></a></p> <p>但是在IE11中键入相同的文本时，显示如下：</p> <p><a href="https://istack.dev59.com/UY9Wg.webp" rel="nofollow noreferrer"><img alt="IE example" src="https://istack.dev59.com/UY9Wg.webp"/></a></p> <p>有没有可能使IE的效果与Chrome/Firefox一样呢？</p> <p><textarea>的样式如下：</p> <pre class="guess-CSS"><code>width: 380px; height: 202px; resize: none; border: 1px solid #e1e1e1; border-radius: 2px; </code></pre> <p>提前致谢。</p>

- A1t0r

---

你尝试设置文本区域的 rows 和 cols 属性了吗？另外，也许尝试不同的 overflow 样式属性值会有所帮助。 - Kaddath

请提供一个实际的例子，让我们能够查看这个问题。[mcve] - CBroe

我不知道，但是这个想法浮现在脑海中：https://dev59.com/vWIj5IYBdhLWcg3wilkI - SáT

@CBroe 看起来是与Angular有关的问题，我已经编辑了答案。因为我尝试使用HTML文本区域标签，它在IE 11上运行良好。 - A1t0r

尝试明确指定空白属性，有关详细信息，请参见@SáT提到的问题。 - CBroe

Answer 1

正如@SáT所指出的，解决方案在那个问题中（我一直在社区中寻找，但没有找到那个问题）。

解决方案是添加white-space:pre-wrap

- A1t0r