0

テーブルの構造全体を損なうことなく、純粋なCSSを使用して次の場合にテキストエリアのサイズを変更する方法:

見出し:

<div class="pure-u-1 pure-u-md-1-8">
<label class="boldText">Nmbr</label>
</div>
<div class="pure-u-1 pure-u-md-2-5">
<label class="boldText">ques</label>
</div>
<div class="pure-u-1 pure-u-md-1-5">
</div>
<div class="pure-u-1 pure-u-md-1-5">
<label class="boldText">comments</label>
</div>

行 1 :

ブラブラ 
<div class="pure-u-1 pure-u-md-2-5">
One more Bla
</div>
<div class="pure-u-1 pure-u-md-1-5">
One More Bla
</div>
<div class="pure-u-1 pure-u-md-1-5">
<textarea class="normal" style="height: 75px; width:300px; overflow: hidden; word-wrap: break-word; resize: horizontal;" name="commento" id="commento"></textarea>
</div>

問題は、「pure-u-md-1-5 div」クラスを使用して幅を適用したまま Textarea が残ることです。

style="width:400px" のように幅を広げようとすると、テキストエリアの幅が増えません。

div の幅を広げようとすると、テキスト領域が次の行にジャンプします。400px から 490 または 495 のようにピクセルを減らして調整すると、ページをズームしようとすると、テキスト領域が次の行に移動します。

divを変更せずにテキストエリアの幅を広げる方法は?

4

3 に答える 3

0

スタイルを適用position:absolute;top:0;left:0;

于 2015-05-05T11:14:34.737 に答える
0

私が正しく理解していれば、divを使用せずに、クラスを使用してテキストエリアを表示するだけで試すことができます:

<div class="pure-u-1 pure-u-md-2-5">
One more Bla
</div>
<div class="pure-u-1 pure-u-md-1-5">
One More Bla
</div>
<textarea  class="pure-u-1 pure-u-md-1-5" style="word-wrap: break-word; resize: horizontal;" name="commento" id="commento"></textarea>

ただし、テキスト領域のサイズを pure-u-md-1-5 のサイズよりも大きく動的に調整できるようにしたいという印象を受けました。その場合、ポップアップなどを使用して、クリックしてテキスト領域を編集できるボタンを配置する方がよいでしょうか?

于 2015-12-03T16:10:10.413 に答える