الرمز التجريبي كما يلي:
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم قم بتشغيل 1. اختبار في IE و FF ، ويحدث تدفق النص فقط في IE.
ملاحظة: فائض النص الناتج عن التعليقات هو خطأ من IE.
2. إزالة الطفو: اليسار ؛ في <div style = float: Left> </viv> ، وسوف تجد أن الكلمة الإضافية "Pig" مفقودة ويتم عرض الصفحة بشكل طبيعي.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل نفس الطفو: يمين ؛ في <div النمط = تعويم: يمين ؛ العرض: 400px>. تختفي كلمة الخنزير الإضافية أيضًا ويتم عرض الصفحة بشكل طبيعي.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط فيضل النص الناجم عن التعليقات بلوك عائم.
3. نقل التعليقات إلى مقدمة <div style = float: left> </fiv> ، تختفي كلمة الخنزير الزائدة ويتم عرض الصفحة بشكل طبيعي.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيلها ونقل التعليقات إلى <div style = float: right ؛ width: 400px> ↓ هذا هو الخنزير الإضافي </div>. تختفي كلمة الخنزير الإضافية أيضًا ويتم عرض الصفحة بشكل طبيعي.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط فيضان النص الناجم عن التعليقات بموقعه. (يمكن فهمه بالتزامن مع النقطة 2)
4. إزالة العرض: 400 بكسل في <div النمط = تعويم: يمين ؛ العرض: 400px> ، تختفي كلمة الخنزير الزائدة ، ويتم عرض الصفحة بشكل طبيعي.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط فيضان النص الناجم عن التعليقات بالعرض الثابت لكتلة النص (سواء كانت قيمة مطلقة أو قيمة نسبية).
5. زيادة عدد التعليقات: عندما يكون تعليق واحد ، ستظهر كلمة واحدة ؛ عندما 2 تعليق ، ستظهر 3 كلمات ؛ عندما 3 تعليقات ، ستظهر 5 كلمات ...
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيله
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيله
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيله
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيله. سنحصل على صيغة من القاعدة أعلاه: عدد الكلمات التي تفيض النص = عدد التعليقات * 2-1. عدد الكلمات هنا صحيح عندما يكون هناك أرقام صينية أو إنجليزية.
عندما يكون عدد كلمات النص المفرط أكبر من عدد النصوص النصية ، ستختفي كتلة النص.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط عدد الكلمات الفائضة بعدد التعليقات.
من اختبارات 1 و 2 ، يرجى عدم وضع التعليقات بين كتلتين عائمتين.
حل:
1. لا توجد تعليقات. أسهل وأسرع حل ، هههه ...
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل 2. لا تضع التعليقات بين كتلتين عائمتين.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيلها 3. قم بتضمين كتلة النص بين <Div> </viv> الجديد ، مثل: <div style = float: right ؛ width: 400px> <viv> ↓ هذا هو الخنزير الإضافي </div> </div>.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل 4. قم بإزالة العرض الثابت لكتلة النص ، والذي يحتوي على أوجه تشابه مع 3.
نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل التحليل والحل أعلاه الذي قد يكون غير كافي أو غير دقيق. مرحبا بكم لمناقشة وتصحيح لي.