今天来聊聊关于候补购票是什么意思,overflowhidden什么意思的文章,现在就为大家来简单介绍下候补购票是什么意思,overflowhidden什么意思,希望对各位小伙伴们有所帮助。
1、超出之后隐藏,有一个div,高度和宽度都是100像素,当里面的内容很多,div里撑不下时,如果设置overflow:hidden,就会把超出的内容隐藏掉不显示。
(资料图)
2、操作方法如下:首先,html页面结构如图,有几个column,每个column里有几行方格,每个方格里有文字。
3、文字可能过长,超出单元格大小。
4、2、首先禁止文字折行显示,并隐藏超出部分。
5、对于文字元素使用white-space: nowrap样式。
6、3、接下来,要给宽度超出父元素的情况添加一些样式。
7、使用js代码实现一个函数,获取所有这样的元素(如图是都含有state-text class的元素),并依次比较各自是否超过各自父节点宽度。
8、如果超过,添加一个class用于增加样式。
9、4、然后,使用setInterval让这个函数每过一段时间执行一次,如图每3秒检查一下页面上所有class含有state-text的元素。
10、5、在js代码中,添加对应的更新css变量的逻辑。
11、如图,获取父节点宽度,并在子节点上调用style.setProperty来设置css变量值。
12、6、最终实现了滚动效果,如图所示,即使各个单元格宽度不同,即使宽度是运行时变化的,它们都能实现合理的滚动显示。
相信通过overflowhidden什么意思这篇文章能帮到你,在和好朋友分享的时候,也欢迎感兴趣小伙伴们一起来探讨。
本文由用户上传,如有侵权请联系删除!标签:
Copyright © 2015-2022 西南物业网版权所有 备案号:皖ICP备2022009963号-8 联系邮箱:39 60 29 14 2@qq.com