Html 大帐篷之谜

在玩帐篷时，我遇到了以下奇怪的行为

例A

• 
  此文本将反弹
  

例B

• 
  此文本将反弹
  

---

问题: 为什么在示例A中，文本在各个方向上移动，而在示例B中，我所做的更改是元素的高度，文本不再上下移动，而只在x轴上移动

---

免责声明

• 我从来没有打算用marquee做任何有价值的东西

---

编辑：这似乎是Chrome中的一个“错误”。如你所料，在IE中工作

无论出于何种原因，

behavior=“alternate”

和

direction=“down”

的组合仅在内容高度高于字幕高度时才会移动：

内容完全适合（无垂直移动）：

内容大1倍：

但是真的不要使用字幕..

如果

字体大小

大约小于

字幕高度的28.7%

，文本似乎不会在字幕内交替方向

我仅使用以下示例对其进行了测试：

重申一下，这仍然不是那么精确，如果

字体大小

是

字幕高度的
71.2875%
，它将不会改变方向，而是从左向右移动

[容器]-[字体大小]-[容器百分比]

200-143-71.50%

300-213-71.00%

400-285-71.25%

500-357-71.40%

平均百分比=71.2875%

四舍五入完美=71.3%

为什么会发生这种情况？我不知道@詹姆斯·蒙塔涅对此有一个有趣的想法

但是
字幕
是愚蠢的、非常愚蠢的，甚至连W3C都说你不应该使用它。我很想知道你为什么要对它进行如此彻底的测试…
强制性：我看到它在两个小提琴中水平（向左）和垂直移动。注意，在第二个示例中，您指定的高度为300px，而CSS定义的字体大小为200px。我的浏览器是Firefox21。0@adamdunson链接到更棒的文档页面。自从我第一次开始摆弄HTML，我就没有用过marquee。他们可能认为你现在可以用CSS制作一个字幕了。这个帖子里有很多仇恨和愤怒，相信我，不是你，是该死的字幕。。。烧了它，烧了它！嗯…可能正确的方法是将字幕的文本包装在标签内，这样当它即将反弹时，文本将被隐藏。如果这看起来不对，我可能会使用一个Java小程序来显示文本在水面上的涟漪。虽然你可以让它全部工作，但我建议你添加一个大的“正在构建”的动画gif，这样你的用户就知道你正在工作。否则没有人会在你的留言簿上签名并加入你的网络圈！这只是内容的高度。如果在内部选框上使用
vertical align:top
删除额外的空间，那么数学就更有意义了。由于垂直对齐默认为“基线”，这28%只是基线下方的空间，非常有趣，感谢您的澄清。我想我的答案在这些理想条件下几乎没有意义。既然这个问题看起来没那么重要，我就不提了。@Charlie看起来没那么重要！？如果没有对字幕元素的充分理解和全面记录，世界将爆炸@詹姆斯·蒙塔涅为什么不应该使用marquee？@Stiger这是一个来自穴居人时代互联网的弃用元素。
<marquee behavior="alternate" direction="down" width="100%" height="200px"     behavior="alternate" style="border: none; font-size:200px;">
    <marquee behavior="alternate">
        This text will bounce
    </marquee>
</marquee>

<marquee behavior="alternate" direction="down" width="100%" height="300px" behavior="alternate" style="border: none; font-size:200px;">
    <marquee behavior="alternate">
        This text will bounce
    </marquee>
</marquee>