小编use*_*399的帖子

我需要将用户输入的文本显示为固定大小的div.我想要的是自动调整字体大小,以便文本尽可能填充框.

我可能想要从最大字体大小开始,虽然文本太大而不适合容器,但缩小字体大小直到它适合并且字体必须显示为单行.是否可以仅使用css和html执行此操作.

这是我正在使用的小提琴:http: //jsfiddle.net/7Z8wY/9/

HTML部分是:

<div class="container">
   <div class="right">
       <div id="cityList" class="inner-table"></div>
   </div>
   <div class="left">
       <div id="cityList2" class="inner-table"></div>
   </div>
   <div class="middle">
       <div id="cityList3" class="inner-table"></div>
   </div>

问题是当mycars [i]具有数据属性时,渲染不会发生.这是数据属性被删除时的小提琴:http://jsfiddle.net/7Z8wY/10/

有人可以告诉我一个渲染的解决方案,以防我们有数据属性(或者如何以其他方式完成)