{hide_text } تقرير ملخص لإخفاء النص في CSS
لقد لخص العرض التوضيحي لإخفاء نص CSS الذي قمت بتجميعه مؤخرًا عدة طرق، على أمل التوصل إلى الحل الأمثل ووضعه في مقتطفات التعليمات البرمجية الخاصة بي، ومع ذلك، في النهاية وقعت في موقف تم فيه قلب الاستنتاج بشكل متكرر. نظرًا لوجود العديد من سيناريوهات التطبيق وعناصره التي يجب أخذها في الاعتبار، بغض النظر عن المتصفح، فإن محطات التطبيقات المختلفة وهياكل العلامات المختلفة سيكون لها حلول مثالية مختلفة، لذلك بدلاً من الأمل في أن تكون أكثر "كسولة" في العمل، فمن الأفضل لتوحيد وتجميع المعرفة الأساسية كالمعتاد، حتى تكون أكثر فائدة عندما تحتاج إلى إجراء مقايضات.
نظرًا لأن لدي خبرة قليلة، فمن المحتم أن تكون هناك أخطاء وسهو في الجزء التجريبي. إذا وجدت أي مشاكل، آمل أن تتمكن من الإشارة إليها.
عرض قائمة الطريقة
1. بدون تحفظ: العرض: لا شيء
مقتطف الكود:
(خ) HTML
<p class="hide_display">أنا نص صلصة الصويا</p>
CSS
/* إخفاء العنف*/
.hide_display{العرض: لا شيء؛}
التوافق:
ميزة:
عيب:
2. خيار التسوية: الفائض: مخفي/الموضع: مطلق/الرؤية: مخفي
مقتطف الكود:
(خ) HTML
<span class="hide_overflow">أنا نص صلصة الصويا رقم 1</span>
<p class="hide_position">أنا رقم 2 في نص صلصة الصويا</p>
<p class="hide_visibility">أنا رقم 3 نص صلصة الصويا</p>
CSS
/* إخفاء العنصر وفصله عن تدفق النص حتى لا يؤثر العنصر على العناصر الأخرى */
.hide_overflow{
الارتفاع: 0 بكسل؛
تجاوز: مخفي؛
عرض:كتلة؛/* العناصر المضمنة مطلوبة*/
float:left /* اخرج من تدفق المستند أو موضعه:مطلق;*/
}
/* ضعه خارج النطاق المرئي، خارج تدفق النص، بحيث لا يؤثر العنصر على العناصر الأخرى*/
.hide_position{
الموقف:مطلق؛
اليسار: -32767 بكسل؛
}
/* المبدأ هو نفسه .hide_position*/
.hide_visibility{
الرؤية:مخفية؛
الموضع:مطلق /* الخروج من تدفق المستندات*/
الهامش الأيسر:-32767 بكسل؛
}