我有一个div容器，可以填充更改的文本元素（通过jQuery）。该容器可以不超过最大宽度（例如200px）和最大高度（例如80px）。我的基本解决方案是：
http://jsbin.com/lutejeka/3/edit?html,css
（注意：我只使用该表格使文字显示为垂直居中。边框只显示正在进行的操作 - ＆gt;黑线是可用区域的外边缘，红线是表格单元格的大小）
现在，随着文本长度的增加，它首先将表格单元格的宽度推到div框的限制，并且只有达到最大宽度时才会断行。如果超过文本的某个宽高比（例如，保持宽度：文本的高度在2和5之间，如果可能的话），我会发现在美学上更令人愉悦（如果可能的话，请保持文本的高度;同样，保持线的长度同样长）。一旦达到最大高度，只能增加宽度（一旦达到最大宽度，溢出的文本将被隐藏）。
有办法做到这一点吗？谢谢你看看。