两种方法:1、利用display属性,只需给元素添加“display:none;”样式即可。2、利用position和top属性设置元素绝对定位来隐藏元素,只需给元素添加“position:absolute;top:-9999px;”样式。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css隐藏元素但不占空间的两种方法
方法1:利用display属性
只需给元素设置display:none;
样式即可
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .display{ display:none; } </style> </head> <body> <div>正常显示元素</div> <div class="display">隐藏元素</div> <div>正常显示元素</div> </body> </html>