0

次の機能を実装しようとしています: のような多くの行を含む Web ページ。 Type.classname=com.long.qualified.class.Name行は Java プロパティ ファイルのエントリに対応します。このような各行は、(contextRoot)/.../path/.../Name.java という名前のファイルを参照します。

ファイル名を簡単にコピーできるようにしたいので、(Eclipse で) プロパティによって参照されるソース ファイルを見つけることができます。というわけで、パッケージ名を a <label>、クラス名を an<input>にして、それらを a でつないでいforます。onfocus次に、クラス名にan を追加しましたthis.select()。また、テキスト フィールドがテキスト フィールドのように見えないようにスタイルを追加しました。つまり、font、border:none、readonly (CSS ではありません)。

私の最初の質問は、テキスト フィールドの幅を元のコンテンツの全幅に設定するにはどうすればよいかということです。他の質問には、幅を動的に調整することに関する回答がありました-これは私にとって問題ではありません。CSS で実行できますか、それとも JavaScript を使用する必要がありますか。そのような行は 1000 以上ありますが、必要以上にスクリプトを使用したくありません。

私の 2 番目の質問は、私はこれらを難しい方法で行っているのでしょうか。目標を達成するためのより簡単な方法はありますか?

ありがとう。

4

1 に答える 1

1

box-sizing プロパティを使用して、必要なものを実現できます。

http://jsfiddle.net/AjtCR/

互換性のあるブラウザは次のとおりです。http://caniuse.com/#search=box-sizing

​&lt;div>
 <input type="text" />
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

​div {
 width:200px;
 height:200px;
 background:#999;
 padding-top:50px;
}

input {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width:100%;
 padding:5px;
 border:1px solid #000;
}
于 2012-11-21T23:23:34.877 に答える