html/css中的overflow:hidden到底是什么用处??

rt... rt 展开
 我来答
旅游路上小知识
高粉答主

2020-05-04 · 我是旅行小达人,专注解决旅行中遇到的问题
旅游路上小知识
采纳数:2 获赞数:83098

向TA提问 私信TA
展开全部

超出之后隐藏,有一个div,高度和宽度都是100像素,当里面的内容很多,div里撑不下时,如果设置overflow:hidden,就会把超出的内容隐藏掉不显示。操作方法如下:

1、首先,html页面结构如图,有几个column,每个column里有几行方格,每个方格里有文字。文字可能过长,超出单元格大小。

2、首先禁止文字折行显示,并隐藏超出部分。对于文字元素使用white-space: nowrap样式。

3、接下来,要给宽度超出父元素的情况添加一些样式。使用js代码实现一个函数,获取所有这样的元素(如图是都含有state-text class的元素),并依次比较各自是否超过各自父节点宽度。如果超过,添加一个class用于增加样式。

4、然后,使用setInterval让这个函数每过一段时间执行一次,如图每3秒检查一下页面上所有class含有state-text的元素。

5、在js代码中,添加对应的更新css变量的逻辑。如图,获取父节点宽度,并在子节点上调用style.setProperty来设置css变量值。

6、最终实现了滚动效果,如图所示,即使各个单元格宽度不同,即使宽度是运行时变化的,它们都能实现合理的滚动显示。

大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器,VGA延长器,VGA视频延长器,DVI KVM 切换器等,优质供应商,... 点击进入详情页
本回答由大雅新科技有限公司提供
博学弈问
推荐于2018-03-01 · 超过15用户采纳过TA的回答
知道答主
回答量:83
采纳率:0%
帮助的人:33.2万
展开全部
超出之后隐藏,比如有一个div,高度和宽度都是100像素,当里面的内容很多,div里撑不下时,如果设置overflow:hidden,就会把超出的内容隐藏掉不显示
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
nihaoliyibing
2015-07-20 · TA获得超过113个赞
知道小有建树答主
回答量:75
采纳率:0%
帮助的人:43.7万
展开全部
比如说你定义一个div的高度是500,然后你里面放的东西超过了,那么这个属性就是让超出的部分隐藏,不使用的话默认是auto,超出部分会使用滚动条
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友883a16d
2015-07-20 · TA获得超过109个赞
知道小有建树答主
回答量:237
采纳率:100%
帮助的人:117万
展开全部
超出部分隐藏

有时候用于消除浮动
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
凌belong
2018-02-28 · TA获得超过208个赞
知道答主
回答量:236
采纳率:42%
帮助的人:33.2万
展开全部
设置元素超出部分隐藏
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式