CSS属性，以便内部的文本<；部门>；元素不延伸到<；的背景之外；部门>；

我可以向CSS属性添加什么，以便div元素中的文本不会超出我的背景色？我猜，因为div元素的实际宽度是整个页面的宽度，所以我必须收缩我的div元素

请看这里的例子

sadfssdfjklsdfjklsdfsdfksdfkhsdfksdfkhsdfksdfkhsdkhfsdhkfksdhkhsdfkhsdk
.测试{
背景：灰色；
宽度：400px；
高度：100px；
}

您可以使用以下CSS：

.test {
  background: grey;
  width: 400px;
  height: 100px;
  word-wrap: break-word;
}

报告说：

“word wrap”属性用于指定浏览器是否可以打断单词中的行，以防止在无法拆分的字符串太长而无法放入其包含框时溢出

---

请看相同的CSS。

在这个场景中，我使用以下CSS的组合

文本溢出：省略号

将指示实际显示的文本比显示的文本多（使用省略号（

…

）符号）<代码>溢出：隐藏确保没有内容超出父边界，

空白：nowrap

确保文本仅保留在一行中

overflow:hidden;
white-space: nowarp;
text-overflow: ellipsis;

---

只需添加

单词包装：打断单词到您的代码

.test {
    background: grey;
    width: 400px;
    height: 100px;
    word-wrap:break-word;
}

这是你的一个例子。此外，请查看
word wrap
属性，了解为什么可以使用此方法，以及哪些over属性值将来可能对您有用。
您应该添加overflow:auto与换行：断开单词到

.test {
background: grey;
width: 400px;
height: 100px;
}

如果div中的文本大于div大小，则允许自动滚动。
word wrap:break word；这是一个很好的答案。
.test {
background: grey;
width: 400px;
height: 100px;
}