Q&A
現在、配列から受け取ったテキストをvalueに渡して、
ボタンを表示させ、クリックされたらまた次の配列から受け取ったテキストでボタンを表示して・・・というような、サイトを作っています。
そこで、レスポンシブを意識しボタンの横幅などをcssで記述しているのですが、
<input type="button" value="hoge[x]" /input>
のような形でボタンを生成していると、
ボタン自体はスマホの画面にあったサイズに縮小されるのですが、テキストが自動改行されず、ボタンを突き出てしまっている状況です。
cssからword-wrap,word-breakを設定しても効きませんでした。
valueが10文字ほどになることもあり、強制的に実体参照で改行するのは望ましくないためボタンの幅から、改行させるようにするのが理想です。
ボタンのテキストを自動改行させる方法はないのでしょうか？
初心者で申し訳ございませんが、回答よろしくお願いいたします。
回答1件
0
ベストアンサー
input タグではなく button タグならたぶん改行します。
HTML
1<input style="width: 5em;" type="button" value="ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ" > 2<!-- >ではなく< --> 3<button style="width: 5em;"> 4ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ 5</button>
あと、input タグは終了タグが必要ありません。
HTML
1<input type="button" value="hoge[x]">
投稿2016/04/18 05:02
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/18 07:26