一段文字，只有一行，我想让这个容器（例如是：div）不自动换行。

Question

我想出来的笨办法就是动态计算这段文字的长度，但是文字包括字体大小、粗细、斜体这些样式，有什么好点的办法解决这个问题？这样一来我可以根据计算出来的宽度来设置这个容器的宽以保持不换行。

如果有其他解决办法也欢迎指点。

Answer 1

使用样式white-space:nowrap后，div内的文字已经不换行了，不理解为什么非得计算文字的宽度。

Answer 2

white-space:nowrap;display:inline-block;看看width是多少