Question

我不确定这是一个javascript修复还是CSS我对它们感到满意，请不要jquery。

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

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

输出：嗨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>。

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

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

如果超出宽度大小，则输入文本类型alter height

1 个答案: