Html 如何使具有字符限制的文本响应？

我有两个div定位为表单元格。第二个div包含一个长字符串，但我希望它有一个字符限制

问题是它没有反应。当我缩小页面大小时，由于空白，文本会从页面上消失

如何使文本环绕，保持其省略号和字符限制，同时在这样做时不将左侧的图像推到视图之外

代码笔：

.alert{
背景#ebeef2；
}
.缩略图{
宽度：70px；
右侧填充：15px；
}
.缩略图像{
高度：70像素；
对象匹配：覆盖；
}
.头衔{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
最大宽度：100厘米；
}
.缩略图，
.头衔{
显示：表格单元格；
垂直对齐：中间对齐；
}

在里登斯因维尼雷坐着。我不反对解释性的异议。在这一点上，我们有两个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点，一个共同点。

您需要在包装器div（.alert）上添加以下css：

• ：固定；//因此，

  表

  的大小并不取决于它的内容
• 宽度：100%

此外，您还可以添加“.thumbnail img”“max width:100%”，这样图像就不会比其父图像大

---

我不认为

ch

意味着你认为它在这里的作用。您已经使用

ch

设置了

title

的宽度-在您的情况下，将div的宽度设置为100个零（0）字符。。。它没有将文本限制在100个字符。长度单位

ch

实际上不计算字符数。它采用当前字体中零

0

的宽度，并将其乘以提供的值。如果有

100ch

且单个零

0

为

2.5px

，则元素的宽度将为

250px

。对于省略号，据我所知，您需要

溢出：隐藏
和
空白：nowrap让它工作。@hungerstar我的解决方案似乎工作了，你能告诉我我错了什么吗？：）“如何使文本环绕，保持其省略号和字符限制，同时在这样做时不将左侧的图像推到视图之外？”您的解决方案不环绕，也不强制字符限制。表格布局提供了解决方案！我可以不包装文本，但它是响应性的，不会将图像推离屏幕。我还忘了将display:table添加到父级（.alert）。谢谢，@bogdanpetru！！