Html 自动调整css工具提示的大小

我有一个css tootlip代码：

a.tooltips { position: relative; display: inline; } a.tooltips span { position: absolute; width:140px; color: #FFFFFF; background: #000000; height: 30px; line-height: 30px; text-align: center; visibility: hidden; border-radius: 6px; } a.tooltips span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 0.8; bottom: 30px; left: 50%; margin-left: -76px; z-index: 999; } a、 工具提示{ 位置：相对位置； 显示：内联； } a、 工具提示范围{ 位置：绝对位置； 宽度：140px； 颜色：#FFFFFF； 背景：#000000； 高度：30px； 线高：30px； 文本对齐：居中； 可见性：隐藏； 边界半径：6px； } a、 工具提示范围：之后{ 内容：''； 位置：绝对位置； 最高：100%； 左：50%； 左边距：-8px； 宽度：0；高度：0； 边框顶部：8px实心#000000； 右边框：8px实心透明； 左边框：8px实心透明； } a:悬停。工具提示跨度{ 能见度：可见； 不透明度：0.8； 底部：30px； 左：50%； 左边距：-76px； z指数：999； }

---

我希望它能根据文本长度自动调整大小。（长或短）…我怎么做？谢谢。

摆脱<编码>宽度：140px从类

a.工具提示span

如果删除

宽度：140px从span开始？也许你可以用
max width