当前第2页 返回上一页
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<style type= "text/css" >
div {
background-color: pink;
width: 150px;
height: 150px;
overflow: hidden
}
</style>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。</p>
<div>
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,
用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。
默认值是 visible。
</div>
</body>
</html>
|
效果图:

推荐学习:《css视频教程》
以上就是css怎么设置溢出隐藏的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css 怎么去掉按钮样式
css如何把div修饰成圆
css怎么设置p标签不换行
css怎么禁止滚动条滚动
css是什么的缩写
css什么意思?
css direction属性怎么用?
html与css有什么区别
深入了解css中的选择器
css水平居中怎么设置
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么设置溢出隐藏