控制HTML元素的显示与隐藏——display和visibility

head>  
<body>  
    <div>display:元素的位置不被占用div>  
    <div id="div1" style="display:block;">DIV 1div>  
    <div id="div2" style="display:none;">DIV 2div>  
    <hr>  
    <div>visibility:元素的位置仍被占用div>  
    <div id="div3" style="visibility:visible;">DIV 3div>  
    <div id="div4" style="visibility:hidden;">DIV 4div>  
body>  
html>  

总结

display元素位置不被占用(不管是否被隐藏)

visibility元素位置被占用(不管是否被隐藏)

你可能感兴趣的:(html)