css怎么设置溢出隐藏


本文摘自PHP中文网,作者藏色散人,侵删。

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

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

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

overflow属性

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

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

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

可能的值

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

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

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

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

阅读剩余部分

相关阅读 >>

css属性前缀的作用是什么?

2021年值得了解的10 个 css 功能(分享收藏)

css如何指定样式表使用的字符编码

css3+javascript怎么做一个旋转的3d盒子?

如何在css上让图片居中、图片适应

移动端h5页面实现生成图片的代码

css是啥

css box-align属性怎么用

css如何设置一行字显示不完隐藏

css中的内联元素是什么

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...