contenteditable overflow-x不断扩大宽度：100％

Question

我有一个contenteditable div，我想填充其容器的100％。

div在文体风格中应用了以下样式：

width: 100%;
max-width: 100%;
height: 480px;
overflow-x: auto;
overflow-y: scroll;
word-wrap: break-word;
overflow-wrap: break-word

问题是文本从不水平包装。尽管设置了div和width，但只要每条线的长度超过其原始宽度，max-width就会无限扩展。

将属性更改为显式数量，例如960px，具有预期的效果。 div保持定义的大小，一旦到达该行的明显末尾，水平文本就会包含在其中。我希望contenteditable div能够消耗其父级的100％。如何填充父级而不在文本条目上无限扩展？

Ilmiont

Answer 1

您可以尝试使用

text-overflow:ellipsis;