0

HTML ボタンを自動的に作成しています。この自動作成された代表的なボタンは次のとおりです。

<input type="button" value="Expected_Performance_of_the_ATLAS_Experiment,_Vol._3.pdf" onclick="location.href='Expected_Performance_of_the_ATLAS_Experiment,_Vol._3.pdf';"><br>

ファイル名などはかなり長くなる可能性があるため、ボタン テキストの折り返しを実装する必要があります。CSSプロパティの空白 (例:

style="width: 600 px;
 white-space: normal;"

）、しかし、これは私が使用しているファイル名を扱うときはあまり役に立ちません. より詳細な区切りオプションを備えたアプローチはありますか (おそらく、空白に最高の優先度を与え、アンダースコアに次に高い優先度を与えることができます)? より理にかなった別のアプローチはありますか？アイデアがあればよろしくお願いします。

4

2 に答える 2

1

編集: Firefox ではこれは機能しませんが、要素ではなく要素に適用すると機能します。<button><input type="button">

更新されたjsFiddle

CSS プロパティの使用を検討してくださいword-wrap:break-word;。これにより、空白があるかどうかに関係なく、テキストが強制的に折り返されます。

jsFiddle (編集を参照)

（ソース）

私の知る限り、テキスト内のさまざまな区切り文字に優先順位を付ける CSS プロパティはありません。これはおそらく、JavaScript を使用して何らかの方法で実現する必要があります。

于 2013-08-08T12:29:41.070 に答える