首页 > 解决方案 > boostrap 文本框只显示一行

问题描述

我不知道为什么,但我的文本框只在一行中显示文本。所以文本框只有一条细线,显示文本。我将行号设置为 5,但它仍然没有改变任何东西。我想在大小合适的文本框中显示我的文本。

现在的样子

<div class='textbox'>
    <div class='offset-md-0'>
        <label for='comment'>Persoenlicher Kommentar:</label>
        <pre class = 'form-control' id='comment' rows='5'>$p_text</pre>
        <div id='charNum'></div>
    </div>
</div>

标签: phphtmlbootstrap-4

解决方案


form-control班级有一个固定的高度。这导致了你的问题。要解决它,请将 pre 标签更改为另一个并添加h-auto类。

使用textarea具有特定高度的标签是临时的,也是不好的解决方案。如果您的文本发生变化并或多或少地占据,您将不得不更改高度以匹配。一旦你有几个这样的块,每个块都有它的高度,你就会一团糟。

您也可以省去此类并使用其他引导实用程序来获得类似的结果。

检查这个:https ://jsfiddle.net/aqu20gxw/


推荐阅读