Html 将绝对位置的块设置为其文本内容的宽度

我知道我们可以通过不同的方式使

div

的宽度等于其内容：

应用以下其中一项：

- display:inline-block
- float:left
- position:absolute

但由于某些原因，我无法强制我的div根据其文本内容增长，它只会在出现空格时调整到尽可能短的宽度，或者换句话说，div中最大的单词将决定元素的宽度

我真的希望一切都保持一致

这是我的小提琴：

---

谢谢你的帮助，这让我快疯了。

将

空白：nowrap

添加到

.zone\u title

：

.zone_title {
    background: none repeat scroll 0 0 #1cd9af;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    left: 100%;
    padding: 6px 15px;
    position: absolute;
    text-align: center;
    white-space:nowrap;
}

---

空白：nowrap

for div会帮你搞定的。

Wow！啊，我第一次听说，它在所有浏览器中都兼容吗？一直追溯到IE 5.5。