Html 将输入字段的宽度设置为原始内容的宽度（使用CSS）

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

我希望能够轻松地复制文件名，以便在Eclipse中找到属性引用的源文件。因此，我将包名和类名设为，并将它们与for连接起来。然后我在类名中添加了一个onfocus，我就是在其中执行此操作的。我还添加了样式，使文本字段看起来不像文本字段，即字体、边框：无、只读非CSS

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

我的第二个问题是：我这样做是不是很困难，有没有更简单的方法来实现我的目标，或者这是其他人会用的方法

---

谢谢。

您可以使用“框大小”属性来实现所需的大小

以下是它与哪些浏览器兼容：

---

CSS无法比较值。你需要使用JavaScript，我很害怕。我使用了一个jQuery。每个jQuery都将大小设置为文本长度+2，以示好运。。。。似乎没有给页面加载时间增加太多，大部分时间在服务器上>5秒，但文件是250KB，由JSP生成。哦，好吧。这似乎没有完成我想做的。我想将文本框的大小设置为至少其值的宽度，直到页面的末尾。我刚刚用js调整了尺寸，看起来很有效。对不起，一定是误解了你的要求。

​<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;
}