質問: 現在、配列から受け取ったテキストをvalueに渡して、 ボタンを表示させ、クリックされたらまた次の配列から受け取ったテキストでボタンを表示して・・・というような、サイトを作っています。 そこで、レスポンシブを意識しボタンの横幅などをcssで記述しているのですが、 のような形でボタンを生成していると、 ボタン自体はスマホの画面にあったサイズに縮小されるのですが、テキストが自動改行されず、ボタンを突き出てしまっている状況です。 cssからword-wrap,word-breakを設定しても効きませんでした。 valueが10文字ほどになることもあり、強制的に実体参照で改行するのは望ましくないためボタンの幅から、改行させるようにするのが理想です。 ボタンのテキストを自動改行させる方法はないのでしょうか? 初心者で申し訳ございませんが、回答よろしくお願いいたします。
回答: `input` タグではなく `button` タグならたぶん改行します。 ``` ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ ``` あと、`input` タグは終了タグが必要ありません。 ``` ```