css的overflow属性

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

事事实上我挺长一段时间都没弄清楚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="1850-18dd-3ffe-58b2 test">当123</div>
</body>
</html>

返回列表

上一篇：Js加密算法_Base64

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

监控同步微信存在吗

曾经我最喜欢看的一部电影就叫做窃听风云，因为里面像我们展示的一种权威型的监控。它既包括针孔式的微型摄像头又包括专业型的窃听设备，就是用这种简单的手机窃听可以从我们这样的监听器当中全面的了解到对方，除...

win7音频服务未运作解决方案

win7系统软件登录后，右下方的小喇叭有一个红色叉叉，电脑鼠标挪动到上边表明“音频服务未运行”。本以为是外置声卡难题，开启设备维护看过一下，外置声卡没什么问题，音乐播放也一切正常，不清楚到底是怎么回事...

BurpSuite下一代浸透检测工具：BurpKit

有“浸透神器”之称的BurpSuite 是用于浸透测验Web 运用程序的集成渠道。作为其丰厚的功用之一，插件BurpKit供给了双向JavaScript桥梁API，答运用户在同一时间敏捷创立能够直接与...

洒家是什么意思（历史上洒家称谓的来历）

洒家是什么意思（历史上洒家称谓的来历）《辞海》修订本说：“洒”(音sǎ)是“宋米时关西方言‘洒家’的略语，犹咱”。“宋米时关西一带人自称为‘洒家’。”《辞源》修订本则说：“洒”(音zá)与“咱”“...

苹果手机怎么截屏7plus（7plus手机快速截屏法）

最近iOS14更新，让我发现了很多小细节和黑科技，其中轻点背面截图让我很感兴趣。其实iPhone轻点两下截图功能，之前就有，新版本又丰富截图功能，那么今天我们就来看看这一黑科技功能，怎样使用吧！...

黑客查微博小号(微博黑客)-白帽黑客是什么意思

黑客查微博小号(微博黑客)（tiechemo.com）一直致力于黑客(HACK)技术、黑客QQ群、信息安全、web安全、渗透运维、黑客工具、找黑客、黑客联系方式、24小时在线网络黑客、黑客业务、黑客联...

找黑客平台