需要在jQuery“ ContentFlow”中添加稳定的HTML和CSS

Question

我是在帮助某人制作网站，但找不到在javascript“ ContentFlow”中添加HTML和CSS而不是图像的解决方案，该解决方案已在此处下载： http : //www.jacksasylum.eu/ContentFlow/

在这里，您可以看到带有html文本的外观： http : //portfoliodummy.medienbayer.de/ContentFlow_mb_test/

如您所见，当您移动集团时，文字会上下移动！ 我试图添加填充。 不分配字体大小...但是它不起作用。 我需要知道是否有人有任何想法或解决办法。 我知道图像是最好的选择，但他希望将其与HTML结合使用。

谢谢您的帮助

Answer 1

.ContentFlow * {
margin: 5%; /*adjust the value as you prefer */
}

.ContentFlow .flow .item div.content {
overflow: hidden;
}

仅在chrome / linux上测试过。 :-)

这改善了情况。 不知道是否可以进一步改善。

Answer 2

你可以用

.ContentFlow .flow .item div.content {
  overflow:hidden;
  white-space:nowrap;
}

然后对内容进行硬性休息<br />以确保每个项目都适合盒子。 调整大小会有一些限制，但您不会弹跳。 您也可以使用一些JavaScript魔术来自动化放置中断的位置。