Html 如何使根据其内容自动调整大小？

我想知道如何根据它们的文本内容动态调整它们的宽度，使其不跨越整个网页？我使用：自动；但这不起作用

李{ 列表样式：无； 背景：4FBAF7； 宽度：自动； } 第一 第二 第三 第四 五五 第六 第七

---

这就是你要找的吗

li {
       list-style: none;
       background: #4FBAF7;
        width:intrinsic;

}

---

我能想到的最简单的方法是设置li{display:table；}-shrink以适应宽度

李{ 背景：4FBAF7； 显示：表格； } 第一 第二 第三 第四 五五 第六 第七

---

你需要在每个li之后换行吗？是的，我需要它处于换行位置。我不想显示：inline@sdcrYeah这就是我要说的！谢谢你，伙计！顺便问一下，跨浏览器完全支持它吗@Mark@PopoD“安杰洛——”。你可以。内在价值是最大内容价值的非标准webkit版本。这是一个新的CSS3功能，因此当所有浏览器基本上刚刚开始支持CSS3时，这将包括在内。感谢链接和答案！我很感激@先生