0

我正在尝试实现以下功能：具有多行的网页，例如 Type.classname=com.long.qualified.class.Name，其中该行对应于 Java 属性文件中的一个条目。每个这样的行都引用一个名为 (contextRoot)/.../path/.../Name.java 的文件。

我希望能够轻松复制文件名，因此我可以（在 Eclipse 中）找到该属性引用的源文件。所以，我正在制作包名 a<label>和类名 an <input>，并将它们与 a 连接起来for。然后我onfocus在类名中添加了一个，我在其中添加了this.select(). 我还添加了样式以使文本字段看起来不像文本字段，即字体、边框：无、只读（不是 CSS）。

我的第一个问题是：如何将文本字段的宽度设置为其原始内容的全宽。其他问题有关于动态调整宽度的答案——这对我来说不是问题。可以用 CSS 完成，还是我必须使用 javascript。有超过 1000 行这样的行，我宁愿不要使用比我需要的更多的脚本。

我的第二个问题是：我是在艰难地做这些事情，还有更简单的方法来实现我的目标，还是其他人都会这样做？

谢谢。

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 回答