html - 使用 CSS 扩展文本框以适应其内容？

Question

我正在尝试让内容可编辑的文本框(div 元素)根据需要增长以适应输入的文本，最多达到父 div 宽度的 80%。

有没有办法只用 CSS 来做到这一点？如果不是，我对 Javascript 解决方案持开放态度，但我使用的是 React，这使事情在这方面变得复杂

---

这不是我所知道的任何其他问题的重复，因为它需要一个解决方案:

1. 独立于视口(viewport)大小
2. 支持具有 max-width
的父 div
3. 致力于 contentEditable
4. 在文本内容改变时工作

Answer 1

也许你可以在父 div 中有一个 div，它占父 div 的 80%。然后为文本框设置 width : auto 。可能听起来有点棘手。