人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下記のようにHTMLを書くと、長い行のボタンができてしまいます。
<input type="submit" value="ここに改行のない長い一行がある" >
これを、width,heightを指定し、適当に折り返してもらい見やすくするのはどうCSSを書くとよいのでしょうか?


●質問者: isogaya
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS HTML ボタン 適当
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● pspet
●25ポイント

width,heightを指定しなくてもいけます。

<input type="submit" value="ここに改行のない&#13;&#10;長い一行がある" >

このように改行して折り返したいところに&#13;&#10;と入れてください。

使用するときは、#13;#10;の&を半角にしてください。(&にして。)

都合上、ここでは、半角で書けませんでした。

http://fdays.blogspot.com/2008/08/htmlinputvalue-typebutton-valu...

◎質問者からの返答

改行をいれることはできないのです。


2 ● Kuropen
●50ポイント

もしかして ボタン内の文字列をワードラップさせることを意図しているのでしょうか?

そうであれば,inputタグでは実現が難しいので,代替手段として button タグを使い,そこに対してスタイルシートを設定する手法を使って

<input type="button" value="This is a test. abcdefghijklmnopqrstuvwxyz" style="width:100px; word-break:keep-all;"> <!--比較用inputタグ-->
<button style="width:100px; word-break:keep-all;">This is a test. abcdefghijklmnopqrstuvwxyz</button> <!--(1)--> <br>
<button style="width:100px; word-break:keep-all;">試験です。本日は晴天なり。</button><!-- (2) -->

としてみるとできますがいかがでしょうか?

http://www.eternie-labs.net/~eternie/hatena/answer00.png

[写真は,上から順に,比較用inputタグ,(1),(2)]

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ