根据html li scroller

时间:2016-01-07 03:24:36

标签: javascript jquery html css wordpress

最近,我尝试使用li scroller在我的网页上显示自动收报机消息。

但是当我使用不同大小的字体时,我发现它似乎在自动收报机消息中的字符数有限制。当我使用较小尺寸的字体时,会滚出更多字符。但是当我使用更大尺寸的字体时,更少的字符会向外滚动。

我只使用一个列表:

<ul id="tck_msg">
    <li>Welcome to my place and welcome to this nation</li>
</ul>

如果我使用字体大小为6vh,则消息为&#34;欢迎来到我的地方并欢迎&#34;。但是当我使用字体大小2vh时,该消息可以显示所有&#34;欢迎来到我的地方并欢迎来到这个国家&#34;。

你们知道为什么吗?

1 个答案:

答案 0 :(得分:1)

这是因为 ul 宽度。当文本很大时,这种父样式(溢出:隐藏)起作用并隐藏其他文本。

解决办法: 增加ul的量宽。