将HTML内容分解为轮播项目

时间:2012-08-17 20:40:13

标签: javascript css sencha-touch sencha-touch-2

我想采取一些任意的HTML并将其显示在旋转木马中,一次显示一个页面。例如,看看如何在纽约时报iPad应用程序中布置文章。我已经使用-webkit-column-width CSS属性实现了列布局,如果我添加空的轮播项,它会按预期工作:

http://www.senchafiddle.com/#ea1RR

但是,我需要根据列数以编程方式计算要添加多少个虚拟轮播项目。据我所知,没有办法找到文本的宽度,因为额外的列是溢出的,不会影响元素的大小。任何有关此问题的帮助,或者我可以实现相同功能的其他方式的建议,将不胜感激。

1 个答案:

答案 0 :(得分:0)

我认为此解决方案可以根据您的需求进行调整:http://www.webdeveloper.com/forum/showthread.php?t=196319

如果您遇到问题,请启动一个Senchafiddle,以便检查您的代码