html - HTML入力ボタンのテキスト値を複数行に折り返す

Question

type="button"属性を持つHTML入力要素の新しい行にテキストを移動するにはどうすればよいですか？

私は次のコードを持っています：

<input type="button" id="btnTexWrapped" value="I see this is a long sentence here." style="width: 200px;" />

ボタンのテキスト値を2行で折り返したいのですが。HTMLの次の行に入力してみました。期待どおりに機能しませんでした。

<input type="button" id="btnTexWrapped" value="I see this is a long 
sentence here." style="width: 200px;" />

のすべてのオプションwhite-spaceをfixedwidth: 200px;で使用しようとしましたが、それでも何も機能しません。

長さ、幅、またはその他の値を静的に固定しても問題ありません。コントロールは変更されないためです。

score 23 · Accepted Answer

23

white-space: normal;

動作するはずです

于 2012-10-24T11:45:33.440 に答える

score 17 · Accepted Answer

これを試してみてください。どのように機能するかをすぐに確認できます。

<input type="button" value="Carriage&#13;&#10;return&#13;&#10;separators" style="text-align:center;">

score 14 · Accepted Answer

14

ボタンタグを使用できます

<button> これは <br/>長い <br/> 文です。</button>

于 2013-06-18T12:34:01.203 に答える

score 2 · Accepted Answer

私はプロジェクトの1つで要件のタイプを超えていましたが、以下のように解決しました。

html エンコーディング文字列を使用する

<input button type="submit" value="This is button 
 two line text" />




ボタンタグの値属性のテキストを分割するため

これがあなたを助けることを願っています..

score -12 · Accepted Answer

次のように、値の途中で Enter キーを押すだけです。

<input type="button" id="btnTexWrapped" value="I see this is a long 
sentence here." style="width:200px;"/>

私

6 に答える 6