今天碰到一个需求,在一个marquee标签的多个a标签单行显示,相互之间要隔开。
像是这样
<marquee id="marquee">
<a href="http://www.baidu.com">沙罗沙罗- 智能制造系统解决方案</a>
<a href="http://www.jd.com">巴拉巴拉- 智能制造系统解决方案</a>
</marquee>
找了好多资料,都没有合适的解决办法。所以,自己写了个简单实现:
只需要在css设置伪类 ::after即可解决:
#marquee a::after{
content: "marqueenblank";
display: inline;
visibility: hidden;
}
看下效果:

还可以,就这样,see u

本文介绍了一种在marquee标签内的多个a标签间添加间距的方法,通过使用CSS伪元素::after并设置特定样式,实现了单行显示时各链接间的美观间隔。
448

被折叠的 条评论
为什么被折叠?



