首页 > 编程知识 正文

css悬停时显示隐藏的div,div水平居中的方法

时间:2023-05-03 06:00:54 阅读:42753 作者:1636

面试中被问了几种方法实现隐藏一个div,被蒙住脸的时候脑子一片空白。 我现在稍微冷静地研究了一下,是个小技巧。 让我们总结一下。

1.display :无;

2 .可视:隐藏;

3 .背景色:传输; 或者做成与背景相同颜色即可

4 .在4.opacity中设定不透明度,注意兼容性过滤器……

5 .给div一个margin的负值。 该负值正好等于div自身的高度或宽度

6 .设置两个大小相同的div,第一个向左漂浮,第二个不漂浮,可以隐藏第二个div

7 .设置一个父div与子div,子div为绝对位置,父div为相对位置,子div的left为子div的宽度

8 .将父div1设置为固定宽度,将子div2设置为大大大于父div的宽度,将父div1设置为overflow:hidden,并将子div设置为margin值,即父div1中未隐藏的其馀宽度。 代码如下。

#div1{width:100px; height:200px; Overflow :隐藏; }

#div2{width:200px; height:200px; 背景:绿色; 玛格琳- left :100 px; }

9 .将div的宽度和高度设置为0

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。