HTML横向跑马灯内容左对齐

文档教程：https://help.fanruan.com/finereport/doc-view-1758.html?source=1

我按照文档教程做的横向跑马灯效果，但是在跑第二遍时候文字不能左对齐，把style='text-align:left 改成左对齐也没有效果，请问怎么解决

image.png

加载后第一次差不多能左对齐


image.png

这是滚动完一遍后，字体就不能左对齐。

以下是html代码

"<marquee id='affiche'  style='text-align:left;display:table-cell;vertical-align:middle;' behavior='scroll' bgcolor='#ffffff' direction='left' height='100%' width='500%' hspace='0' vspace='2' loop='-1' scrollamount='10' scrolldelay='100' onMouseOut='this.start()' onMouseOver='this.stop()'>" + REPLACE(A2, ",", "  ") + "</marquee>"
FineReport a9bb22ss 发布于 2020-10-10 11:46
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共2回答
最佳回答
0
zsh331Lv8专家互助
发布于2020-10-10 11:55（编辑于 2020-10-10 14:19）

image.png

=========

更新：

以html实现纵向跑马灯特效.cpt

纵向滚动.mov

如果还是有异常，可能是jar版本有问题，参考文档更新。

FineReport升级指南-https://help.fanruan.com/finereport/doc-view-1163.html


举报 收起评论(5)
  • a9bb22ss a9bb22ss(提问者) 没有效果，即使用水平靠左align=\'left\'在第二轮滚动时候还是不能左对齐
    2020-10-10 13:55 
  • zsh331 zsh331 回复 a9bb22ss(提问者) 文档有demo路径，找到对应的demo文件，打开预览。
    2020-10-10 13:56 
  • a9bb22ss a9bb22ss(提问者) 回复 zsh331 我上面贴的两张图就是文档的demo模板，官方模板一样出现问题
    2020-10-10 14:15 
  • zsh331 zsh331 回复 a9bb22ss(提问者) 看最新回复模板&动画效果
    2020-10-10 14:19 
  • a9bb22ss a9bb22ss(提问者) 回复 zsh331 你贴的动画效果是纵向的，我做的是横向的要多行横向滚动，大神麻烦你看下，我在官方模板只改成多行，第二次滚动就不能对齐
    2020-10-10 14:49 
最佳回答
0
gloria5Lv6见习互助
发布于2020-10-10 15:30

应该是字符串长度不一致，可以考虑取出最大长度，之后在其他字符串后面拼接空格
举报 收起评论(4)
  • a9bb22ss a9bb22ss(提问者) 请问怎么判断呢，最大长度能够判断，但是单元格内容是动态的，怎么让短字符拼接的长度恰好是最大长度
    2020-10-10 15:37 
  • gloria5 gloria5 回复 a9bb22ss(提问者) 使用concatenate(原单元格内容,repeat(\" \",最大长度-单元格内容长度))
    2020-10-10 15:48 
  • a9bb22ss a9bb22ss(提问者) 回复 gloria5 有用过，不行哦，即使字符长度一致也无法对齐
    2020-10-10 16:55 
  • a9bb22ss a9bb22ss(提问者) 回复 gloria5 在一个单元格里不进行扩展可以对齐滚动，但是行高原因内容显示不全，https://bbs.fanruan.com/wenda/question/57516.html 有时间看下吗
    2020-10-10 17:07 
  • 3关注人数
  • 582浏览人数
    • 最后回答于：2020-10-10 15:30
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部