白空间有没有替代品：nowrap

Question

我正在使用textarea与white-space:nowrap这将工作正常并删除空格但这是添加水平滚动条文本。我不想要水平滚动条。如果我使用overflow-x:hidden滚动条是不可见的，但通过箭头键我可以滚动。我希望文本区域的固定宽度在该宽度之后数据应该到达下一行，文本区域也应该删除多余的空格而没有水平滚动如何实现这一点？

Answer 1

您正在寻找white-space:pre-line或white-space:normal。

textarea { 
   width:100%;
   height:200px;
}
.normal {
   white-space:normal;
}
.pre-line {
   white-space:pre-line;
}

<textarea class="normal">Lorem ipsum    dolor    sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</textarea>

<textarea class="pre-line">Lorem ipsum    dolor    sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</textarea>