Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ความแตกต่างระหว่างการแสดงผล CSS:none; และการมองเห็น:ซ่อนเร้น;


การแสดง CSS:ไม่มี;

display:none คุณสมบัติถูกใช้เพื่อซ่อนองค์ประกอบโดยไม่ต้องลบออก ไม่เปลืองพื้นที่

<!DOCTYPE html>
<html>
   <head>
      <style>
         h3 {
            display: none;
         }
      </style>
   </head>
   <body>
      <h2>This heading is visible</h2>
      <h3>This is a hidden heading</h3>
      <p>The hidden heading does not take up space even after hiding it since we have used display: none;.</p>
   </body>
</html>

การมองเห็น CSS:ซ่อน;

การมองเห็น:คุณสมบัติที่ซ่อนอยู่ยังซ่อนองค์ประกอบ แต่ส่งผลกระทบต่อเค้าโครงเช่นใช้พื้นที่ มาดูตัวอย่างกัน

<!DOCTYPE html>
<html>
   <head>
      <style>
         h3 {
            visibility: hidden;
         }
      </style>
   </head>
   <body>
      <h2>This heading is visible</h2>
      <h3>This is a hidden heading</h3>
      <p>The hidden heading takes up space even after hiding it.</p>
   </body>
</html>