css中overflow:hidden有什么用

这篇文章主要介绍css中overflow:hidden有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

目前成都创新互联公司已为上千家的企业提供了网站建设、域名、网络空间、绵阳服务器托管、企业网站设计、商南网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

上面我们已经说了overflow:hidden最简单的作用就是溢出隐藏,下面我们来看一个具体示例:






愿中国青年都摆脱冷气,只是向上走,不必听自暴自弃者的话。 唯有民族魂是值得宝贵的,唯有它发扬起来,中国才有真进步。 愈艰难,就愈要做。改革,是向来没有一帆风顺的。 我们目下的当务之急是:一要生存,二要温饱,三要发展。 必须敢于正视,这才可望敢想、敢说、敢做、敢当。

效果如下:

css中overflow:hidden有什么用

从上面效果中可以很明显的看出,文字超出的部分都看不到了,这其实就是overflow:hidden的溢出隐藏作用,那么,这些隐藏的部分是都没有了吗?当然不是,溢出隐藏的部分文字只是看不到了,但是实际还是存在的,如果你想要将隐藏的部分文字在你放上鼠标的时候显现出来,这就需要用到css中的伪类部分的知识,下面我们来看看具体的代码实例:






愿中国青年都摆脱冷气,只是向上走,不必听自暴自弃者的话。 唯有民族魂是值得宝贵的,唯有它发扬起来,中国才有真进步。 愈艰难,就愈要做。改革,是向来没有一帆风顺的。 我们目下的当务之急是:一要生存,二要温饱,三要发展。 必须敢于正视,这才可望敢想、敢说、敢做、敢当。

效果如下:

css中overflow:hidden有什么用

上图的效果就是当鼠标放在文字上时,隐藏部分的文字就显示出来了。我们可以看到代码中多出了div:hover{overflow: visible;},:hover就是css中伪类。

以上是css中overflow:hidden有什么用的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享题目:css中overflow:hidden有什么用
分享URL:http://scyanting.com/article/pcjeio.html