最近,我尝试使用li scroller在我的网页上显示自动收报机消息。
但是当我使用不同大小的字体时,我发现它似乎在自动收报机消息中的字符数有限制。当我使用较小尺寸的字体时,会滚出更多字符。但是当我使用更大尺寸的字体时,更少的字符会向外滚动。
我只使用一个列表:
<ul id="tck_msg">
<li>Welcome to my place and welcome to this nation</li>
</ul>
如果我使用字体大小为6vh,则消息为&#34;欢迎来到我的地方并欢迎&#34;。但是当我使用字体大小2vh时,该消息可以显示所有&#34;欢迎来到我的地方并欢迎来到这个国家&#34;。
你们知道为什么吗?
答案 0 :(得分:1)
这是因为 ul 宽度。当文本很大时,这种父样式(溢出:隐藏)起作用并隐藏其他文本。
解决办法: 增加ul的量宽。