想了一会儿,我想我可以使用更多的脑力。
想象一下下面的 UI(由 StackOverflow 提供):
注意红线是“指南”。想象它们是<div/>
界限。
我想要的是,当大量文本添加到输入框中,足以溢出时,输入框应该“弹出”并覆盖/自动调整到左侧,如下图所示:
这有点类似于 Stackoverflow 的工作方式,只是它会根据内容调整大小。此外,与stackoverflow类似,它需要在输入框失去焦点时缩回。
通常,我会准备好一些代码,但这一次,有点困难。
- 我究竟应该使用什么来“修复”右侧的输入框?
- 如何找到输入框的内部/内容宽度?请注意,我使用的是等宽字体,所以这可能更容易......