固定幅の HTML ボタンでテキストを折り返す方法

固定幅のボタンでテキストを折り返す

固定幅の HTML ボタンでテキストが折り返されない問題が発生した場合

テキストを折り返した固定幅ボタン

空白 CSS プロパティを利用して、ボタンにワード ラップ機能を付与できます。ホワイトスペース: 通常を設定すると、ボタンの外側の通常のテキストと同じようにテキストを分割するようにブラウザに指示します。

例:

<code class="css">td.category_column input[type="submit"] {
  white-space: normal;
  /* Other CSS styles */
}</code>

説明:

提供されたコード例では、元の HTML スニペットのボタンに適用される CSS クラスに、white-space:normal を追加します。これにより、固定幅とその他のスタイルを維持しながら、ボタンの動作が変更されます。その結果、ボタン内のテキストは、通常の表のセルと同じように折り返されるようになります。

以上が固定幅の HTML ボタンでテキストを折り返す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。