Css 自动输入宽度（根据内容长度自动调整大小）

我正在尝试使输入自动调整大小以适应内容（不大于或小于所需）

表单{
空白：nowrap；
背景：ddd；
边框：1px实心#ccc；
利润率：10px；
填充物：5px；
显示：内联块；
}
输入，按钮{
显示：内联块；
}
输入{
最大宽度：无；
最小宽度：0；
宽度：自动；
-moz外观：无；
}

-
会议记录
+
-
会议记录
+

嗯

由于我没有看到只使用css的解决方案，这是一个涉及javascript的解决方案

（但参考原始问题，如果可能的话，我不想使用js…）

$（'input'）。在（'change keyup'，function（）上{
var fontsize=parseInt（$（this.css（'font-size'））；
var值=$（this.val（）；
变量长度=value.length；
$（此）.width（fontsize*长度））
});
表单{
空白：nowrap；
背景：ddd；
边框：1px实心#ccc；
利润率：10px；
填充物：5px；
显示：内联块；
}
输入，按钮{
显示：内联块；
}
输入{
宽度：10px；
填充：0；
字体大小：10px；
}

-
会议记录
+
嗯

由于我没有看到只使用css的解决方案，这是一个涉及javascript的解决方案

（但参考原始问题，如果可能的话，我不想使用js…）


$（'input'）。在（'change keyup'，function（）上{
var fontsize=parseInt（$（this.css（'font-size'））；
var值=$（this.val（）；
变量长度=value.length；
$（此）.width（fontsize*长度））
});
表单{
空白：nowrap；
背景：ddd；
边框：1px实心#ccc；
利润率：10px；
填充物：5px；
显示：内联块；
}
输入，按钮{
显示：内联块；
}
输入{
宽度：10px；
填充：0；
字体大小：10px；
}

-
会议记录
+
你有活的例子吗

这应该可以使用CSS而不是JS来完成，但需要能够检查代码的其余部分，以确保它适合并正确工作
您有一个实例吗

这应该可以通过CSS而不是JS来完成，但需要能够检查代码的其余部分，以确保其适合并正确工作
我认为此宽度是我们使用
input
tag时得到的最小宽度，所以现在仅使用CSS？您可以使用size属性：？@nevermind我明白了，问题是，这样它们也不会调整大小，就像设置固定宽度一样。。是的，但是，我99%确信纯css解决方案在这种情况下是不可能的，如果你想自动调整与内容相关的大小，你将需要javascript……我认为这个宽度是我们使用
input
tagSo now时得到的最小宽度，所以只能使用css？你可以使用size属性：？@我明白了，问题是，这样它们也不会调整大小，就像设置固定宽度一样。。是的，但是，我99%确信纯css解决方案在这种情况下是不可能的，如果你想自动调整与内容相关的大小，你需要javascript…是的，点击问题“运行代码片段”的片段bue按钮这应该是一个注释，顺便提一下，不是一个答案（还…）是的，点击问题“运行代码片段”的片段bue按钮顺便说一句，这应该是一个评论，而不是一个答案（现在…）