何先森

“TA还未设置签名”

笔记

用css实现显示隐藏。

已有 147 次阅读2017-08-07 10:47 |系统分类: HTML5/CSS3 |

嗯。。。。。。。。今天一个同学问了我这个问题,我一开始懵逼。显示隐藏不是直接用js可以迅速实现吗?

然后他就说,他不会js。

好吧,你想用css就用呗!!!

这时想到的是用hover实现看看,但是也是傻,直接在hover里改了display。。。。。

哈哈哈结果当然是闪啊闪啊闪的!

后面突然灵机一动!!!!!灵机一动!!!!!!隐藏不是只要用户看不到就好了嘛,又何必非要隐藏。

于是,就盯上了padding属性。比方说你要让一个元素的右边元素隐藏。就在hover里修改它的padding-right。把它右边的元素挤出去!!!!然后给容器设定overflow:hidden。

同理上下左右都可以哈哈哈。嗯。。。就这样。感觉还是有点收获的就记录下来。

作为博主的第一个博客!!!!


image.png

标签: css 显示隐藏 举报

收藏 0人收藏
给个赞0人点赞

笔记作者:何先森

笔记链接:

评论
0 /300