2

ミニ フォームがあり、親 div の幅に収まるように、送信ボタンの値の長いテキストを 2 行に分割する必要があります。送信ボタンの幅を設定してみましたが、うまくいきません。

4

4 に答える 4

5

<button type="submit">の代わりに使用してください<input type="submit">。これにより、ボタンのコンテンツをプレーンテキストではなくHTMLとして提供できるようになり、ボタンのコンテンツを好きなようにフォーマットできるようになります。

最も基本的な解決策は、手動で改行を含めることです。

<button type="submit">Foo<br/>Bar</button>

もちろん、ボタンの内容にさらに高度なCSSレイアウトを使用することもできます。

実際の動作をご覧ください。

于 2013-01-11T11:34:06.153 に答える
2

2行目に必要なテキストをラップし、次のようにします<span>。

span{
    display:block
}
于 2013-01-11T11:32:44.890 に答える
1 
<style>
.buttontext {
  width: 10px;
  white-space: wrap;
  display: block;
}
</style>
<button><span class=buttontext>Very long text Very long text
Very long text</span></button>

これにより、必要な行にテキストが折り返されます。

于 2013-01-11T11:35:34.140 に答える
1

以下は、ボタンのテキストをラップします。幅を指定したことに注意してください。

<input type="button" value="This is some text on the button" style="white-space:normal; width:100px;" />
于 2013-01-11T11:37:59.783 に答える