css如何设置溢出隐藏

这篇文章主要介绍css如何设置溢出隐藏,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的遵化网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

css设置溢出隐藏的方法:首先创建一个HTML示例文件;然后在body中定义一些p标签内容;最后通过“overflow:hidden”属性来设置溢出隐藏即可。

在CSS中,可以利用overflow属性,使用overflow:hidden来设置溢出隐藏。

overflow属性

overflow属性规定当内容溢出元素框时发生的事情。

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

说明:所有主流浏览器都支持 overflow 属性。

可能的值

visible:默认值。内容不会被修剪,会呈现在元素框之外。

hidden:内容会被修剪,并且其余内容是不可见的。

scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

示例:






div {
background-color: pink;
width: 150px;
height: 150px;
overflow: hidden
}



如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要, 用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。 默认值是 visible。

效果图:

css如何设置溢出隐藏

以上是“css如何设置溢出隐藏”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网页标题:css如何设置溢出隐藏
新闻来源:http://bzwzjz.com/article/iisdej.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 品牌网站建设 成都网站建设 定制网站建设 网站建设方案 高端定制网站设计 网站制作公司 营销网站建设 成都网站设计 商城网站建设 公司网站建设 成都企业网站建设 成都网站建设 阿坝网站设计 重庆企业网站建设 手机网站建设套餐 成都响应式网站建设 高端网站设计 成都网站制作 成都营销网站建设 高端网站建设 成都网站制作 成都定制网站建设