css的overflow属性

访客4年前 (2021-02-11)黑客文章320

事事实上我挺长一段时间都没弄清楚overflow:scroll与overflow:auto的差异，今天测试了一下，总算是明了了。

语法

overflow：<overflow-style>;
ps:<overflow-style>= visible | hidden | scroll | auto

visible：不剪切内容。
hidden：将超出工具尺寸的内容举行裁剪，将不泛起滚动条。
scroll：将超出工具尺寸的内容举行裁剪，并以滚动条的方式显示超出的内容。
auto：在需要时剪切内容并添加滚动条，此为body工具和textarea的默认值。

差异

取值为auto时，当内容超出工具的尺寸时才会显示滚动条，而取值为scroll时，无论内容是否超出工具的尺寸，滚动条是一直存在的。

下面是图片形貌：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>overflow</title>
<style>
.test{overflow:auto;width:200px;white-space:nowrap;border:1px solid red;}
</style>
</head>
<body>
<div class="0261-25eb-8907-3000 test">当123</div>
</body>
</html>

返回列表

上一篇：Js加密算法_Base64

下一篇：UI原型图设计_常用的产物界面原型设计工具推荐

相关文章

仅限今天CF全新永久情人节巴雷特免费领取

此活动仅限4.11跟12号登录游戏并完成1把即可领取永久2020情人节巴雷特如果错过了4.11-12号，则需要在4月30日之前累计5天每天完成1把游戏才有资格领取了哦！为我们的情怀买单...

深圳兼职服务女微信号孔秋荣

深圳兼职服务女微信号【孔秋荣】，上海市是一座成功者的集中地，对商业服务女学妹的要求也是较为大的，今日大牌明星商务共享女学妹访梦，年纪丽水市男 30，婚姻生活：所有，文凭：普通高中，气场：深圳兼职服务...

女生要看清哪种世面呢操作方法和技巧

无论我们看任何人，我们都喜欢根据他的主要言行来判断他是否见识过这个世界。女生要看清哪种世面呢 1. 只要你看过这个世界，你就会发现这个人正是你想象的那样，你终于明白了“这个世界上总会有人过着你想...

如何查询别人手机里的QQ聊天内容

. 怀着初为人母的幸福感，怎么亲你都不够，摸着你软绵绵的小脚丫，这种你真的来到了我身边的真实感才最强烈，谢谢你光顾我的小怪物，这小手小脚丫一起动很开心，让我突然有软软糯糯幸福的感觉。晒宝宝小脚丫的说...

万能解密微信密码的软件，一键破解微信免验证

万能解密微信密码的软件，一键破解微信免验证移动支付当然很方便，但是随之而来的信息安全也围绕着我们。微信账户信息经常被盗，绑定的银行卡中的钱也被带走。因此，我们所有人都必须时刻保持警惕，决不能等...

找黑客查看微信记录吗,网络黑客改征信,如何查询微信聊天记录多少条

七、运用本地DTD文件（文档类界说文件）完成XXE缝隙运用9、qwerty (↓ 5) die("invalid character detected");0:000> dps 1575960...