只有当文本的容器太小时,我才能让文本左右滚动



因此,与其进行代码转储,不如将引用链接到我迄今为止看到的类型。https://www.html.am/html-codes/marquees/html-marquee.cfm

虽然这些与我想要的非常接近,但它们并不完全正确。最接近我追求的是跳动的文本。。。但这些都是基于一个比文本大的容器制作的。

只有当文本溢出时,我才能让文本左右滚动?(https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow)

我以为这一切都可以在css中实现。但如果不是这样,JS也没问题。

div[type=text] {
border: solid 1px black;
height: 20px;
width: 100px;
font-family: sans-serif;
overflow: hidden;
}
<div type="text">abcdefghijklmnopqrstuvwxyz</div>

解决设计问题

故意将内容设计为不符合视图可能实际上是需要解决的根本问题。也许对用户来说,在不需要滚动、动画或脚本的情况下直观地显示内容更好。

有很多理由不在你的网页上制作动画,从你给用户群体带来的问题,到移动东西纯粹的分心。

所以,我的主要答案是,你可能应该设计一个不同的解决方案(比如,给内容足够的空间(。

你会发现几乎所有人都要避免使用marquee标签(这并不意味着使用不同的标签,然后用CSS或JavaScript设置动画(。然而,理论上我们仍然可以有一些乐趣,只是在现实生活中避免它被弃用。

Marquee的乐趣

您可以使用alternate,并添加一些不间断的空格,以在滑动文本的视觉盛宴中显示内容。我不认为这对你的用户有好处,但对拥有大量移动内容的潜力感到惊讶。

div[type=text] {
border: solid 1px black;
height: 20px;
width: 100px;
font-family: sans-serif;
overflow: hidden;
}
<div type="text"><marquee behavior="alternate">&nbsp;&nbsp;&nbsp;&nbsp;abcdefghijklmnopqrstuvwxyz&nbsp;&nbsp;&nbsp;&nbsp;</marquee></div>

最新更新