Css 如果文本区域中没有任何空格，则在div中显示的文本区域的显示将超过div的宽度？

为什么在文本区域中没有空格的情况下继续键入，div中显示的文本区域的输出将超过div的宽度？但当使用空格键入时，问题不会发生

函数抓取（）{
var x=document.getElementById（“文本”）.value；
document.getElementById（“替换”）.innerHTML=x；
}

1

由于单词之间没有添加空格，因此

溢出div之外的文本，不添加换行符，因此可以添加CSS
word wrap
属性来打断
长单词
，并在到达div末尾时立即将其换行

换行-

word wrap属性允许断开和删除长单词
换行到下一行


函数抓取（）{
var x=document.getElementById（“文本”）.value；
document.getElementById（“替换”）.innerHTML=x；
}
var ta=document.querySelector（“表单>文本区域”）；
ta.addEventListener（“键控”，抓取）
#更换{
宽度：200px；
高度：100px；
边框：实心；
单词包装：打断单词；
}



1.

@ycd这是因为一个长单词，您可以使用css属性将其打断。欢迎@ycd:-）