css的overflow属性

访客3年前 (2021-02-11)黑客文章276

事事实上我挺长一段时间都没弄清楚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原型图设计_常用的产物界面原型设计工具推荐

NH0022 与虎谋皮,微信黑客的联系方式,哪里可以找黑客帮忙做网贷

翻开某个网页，此刻数据被BurpSuite截获，从截获的数据中能够看到，“?id=25”这类信息都是以get方法提交的。绕过姿态二：空白字符 public bool IsReusabl...

黑客网站之家（官方黑客网）

本文导读目录： 1、通常说的“网络黑客”具体是什么概念？ 2、世界上的知名黑客有哪些？ 3、世界顶级的黑客是谁哪个国家？ 4、美国黑客 5、麻烦大家推荐个黑客导航网站，像hao123那...

如果武侠世界有了 RPA 和 AI

武侠世界中通常有一种“通用货币”——武功秘籍，并且价值越高就越稀少，我们常常可以从一些作品中看到一些“XX之宝”“不传绝学”等形容词来形容它的价值，当然它也只有主角或者不可或缺的配角才能能练习，他们...

孕妇可以吃鱼胶吗（孕期吃鱼胶真的很补吗？）

　　孕妇能吃花胶吗（怀孕期间吃花胶确实很补吗？）怀孕期间要补充维生素这大约是全球认可的基本常识吧，在大家的我国，孕期和坐月子全是大事儿，补身体，补营养成分这件事情粗心大意不可！而花胶和花胶在怀孕期间情...

郯城大地震（李四光四大地震剩一个）

郯城大地震（李四光四大地震剩一个） 1668年郯城8又1/2级地震麦坡遗址。（中国地震局公共服务司/山东省地震局供图） 1668年郯城8又1/2级地震麦坡遗址。（中国地震局公共服务司/山东省地震...

小电火锅(小电火锅2人一3人)

那个东西是我的最爱懒人必备商品可以煮面条啊可以炖骨头都可以的1泡饭把持剩的菜和饭一起煮着吃2把骨头和肉加调味料和姜片一起炖炖。一、电火锅买多大容量电火锅容量大小的选择,主要是看我们平常的使用,是一两...

找黑客平台