الحفاظ على تخطيط الصفحة أثناء إخفاء العناصر
عندما تهدف إلى إخفاء عناصر HTML دون التأثير على التخطيط المرئي، فإن استخدام الرؤية: مخفي يمكن أن يؤدي إلى إلى نتائج غير مرغوب فيها. أثناء إخفاء العنصر عن العرض، فإنه يستمر في احتلال نفس المساحة على الصفحة.
تعطيل العرض
للتغلب على هذا التحدي، يوصى باستخدام خاصية العرض. من خلال ضبط عرض العنصر على لا شيء، فإنه يختفي فعليًا من التمثيل المرئي، كما لو أنه تمت إزالته من DOM بالكامل.فكر في المثال التالي:في البداية، يتم عرض عنصر div بشكل طبيعي. لإخفائه:#element { العرض: لا شيء؛عند تطبيق العرض: لا شيء، يصبح العنصر غائبًا بصريًا، مما يحرر المساحة التي كان يشغلها سابقًا. لاستعادة رؤية العنصر:#element { عرض: كتلة؛#element { display: block; }فوائد استخدام العرض: لا شيء
يحافظ على تخطيط الصفحة
- يحافظ على موضع العنصر في كود HTML
- يسمح بعرض العنصر بسهولة مرة أخرى عن طريق ضبط العرض: block
تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.
Copyright© 2022 湘ICP备2022001581号-3