1

自動拡張テキストエリアがあるdivタグがあります。いずれかのキーを押すか、テキストエリア内に何かを入力すると、その高さが一度に1行ずつ増加します。ただし、ここでの問題は、divタグのサイズが同じであるため、テキストエリアがdivコンテナから外れるように見えます...したがって、テキストエリアが増加すると同時にdivタグも拡張する必要があります。以下のコードは、divタグ内に含まれるtextareaのコードを表しています。

<body bgcolor="#CCC" style="height: 460px">
<form id="form1" runat="server" method="post">
<div  id="expandable_div" style="background-color: #000000" >
    <textarea id="Text1"  rows = "8" runat="server" cols="30" onkeyup="AutoGrowTextArea(this)"   name="S1"> </textarea>
</div>
</form>

スタイルシートに、次のように入れてみました。

 div#expandable_div
        {
            min-height:205px;
            height:auto;
        }
4

2 に答える 2

1

<div>自動的に展開する必要があります。問題は、の高さを固定していることだと思いますdiv。まあ言ってみれば...

 height:205px;

に置き換えます

min-height:205px;
min-width:300px;

jsFiddleでの作業デモ

于 2012-07-06T05:38:17.670 に答える
0

スタイルなしのDIVのサイズは、そのコンテンツによって定義されます。したがって、DIVから高さスタイルを削除するか、テキストエリアのサイズに基づいて動的に調整します。

于 2012-07-06T04:58:28.043 に答える