输入文本类型alter height if exceed size

Question

我不确定这是一个javascript修复还是CSS我对任何一个都很满意，请不要jquery。

问题是我的一些输入文本值大于设置的宽度。如何自动调整高度以使其继续显示下一行中的文本？

<input type="text" value="Hi ssfgsdg dgd gdf bdf bdf bdfb fb fb fb fb fb" readonly class="lbl-txt">

输出: Hi ssfgsdg dgd gdf bdf

.lbl-txt{
width: 250px;
height: auto;
white-space: normal;
overflow: hidden;
color: ghostwhite;
font-size: 20px;
background-color: rgba(0,0,0,0);
border: none;
margin-left: 5px;
}

我需要它是输入类型的文本。

Answer 1

如何自动调整高度以使其继续显示下一行中的文本？

你不能用<input>。

使用用于多行输入的文本区域insead：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

<textarea name="...">default value</textarea>