让div扩展以适合文本，但保持纵横比

Question

我有一个页面，可以从SQL表的内容创建wordcloud。我试图弄清楚如何根据文本的数量（云中的单词数量）自动调整div，但保持其宽高比。

云目前包含在这样的div中：

{{1}}

随着单词数量的增加，我希望这个div在宽度和高度上都会增长，所以它不会失去它的形状。

最好的方法是什么？

我画了下面的图解释我的意思：

And here is a JSFiddle showing one output. At the moment, adding more words just expands the height of the container div without changing the width.