Javascript 具有可变宽度的内联块元素宽度的CSS转换

所以我有一个内联块元素，它有一个宽度可变的p标记（p标记文本，因此它的宽度是用脚本动态设置的） 我如何使用css转换宽度，使文字和宽度的变化是好的，与动画，而不是突然的。 我把我的意思简化成一支笔：

tnx 祝你今天愉快

---

Luka

目前，没有一款浏览器能够正确处理CSS从/到自动值的转换，您需要使用javascript.Tnx Mat。我最终隐藏了p标记，在文本更新后计算其宽度，并将其用于比css转换的包装元素的新最小宽度。这是一个黑客，但看起来不错。

#my-element {
  border: 1px solid rgb(0, 180, 255);
  border-radius: 6px;
  display: inline-block;
  transition: width 0.6s ease;
}