تعليقات صفحة الويب تنشئ في تدفق نص في أي

الكاتب：Eve Cole وقت التحديث：2025-06-12 01:16:01

الرمز التجريبي كما يلي:

<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3 xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html ؛ charset = gb2312/> <title> واحد آخر من خنزير </title> </head> <body> <body> <div style = width: 400px> <div style = float: left> </viv> <!--> <div style = float: right ؛ width:

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم قم بتشغيل 1. اختبار في IE و FF ، ويحدث تدفق النص فقط في IE.

ملاحظة: فائض النص الناتج عن التعليقات هو خطأ من IE.

2. إزالة الطفو: اليسار ؛ في <div style = float: Left> </viv> ، وسوف تجد أن الكلمة الإضافية "Pig" مفقودة ويتم عرض الصفحة بشكل طبيعي.

<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3 xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html ؛ charset = gb2312/> <title> خنزير واحد </title> </head> <body> <body> <div style = width: 400px> <viv> </viv> <!--> <div style = float: right ؛ width: 400px> ↓ هذا هو الخنزير الإضافي </div> </body> </html>

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل نفس الطفو: يمين ؛ في <div النمط = تعويم: يمين ؛ العرض: 400px>. تختفي كلمة الخنزير الإضافية أيضًا ويتم عرض الصفحة بشكل طبيعي.

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط فيضل النص الناجم عن التعليقات بلوك عائم.

3. نقل التعليقات إلى مقدمة <div style = float: left> </fiv> ، تختفي كلمة الخنزير الزائدة ويتم عرض الصفحة بشكل طبيعي.

<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3 xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html ؛ charset = gb2312/> <title> خنزير واحد </title> </head> <body> <body> <div style = width: 400px> <!--> <div style = float: left> </viv> <div style = float: width:

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيلها ونقل التعليقات إلى <div style = float: right ؛ width: 400px> ↓ هذا هو الخنزير الإضافي </div>. تختفي كلمة الخنزير الإضافية أيضًا ويتم عرض الصفحة بشكل طبيعي.

<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3 xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html ؛ charset = gb2312/> <title> خنزير واحد </title> </head> <body> <body> <div style = width: 400px> <div style = float: left> </viv> <div style = float: right ؛ width: 400px> ↓ هذا هو الخنزير الإضافي </div> <!-

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط فيضان النص الناجم عن التعليقات بموقعه. (يمكن فهمه بالتزامن مع النقطة 2)

4. إزالة العرض: 400 بكسل في <div النمط = تعويم: يمين ؛ العرض: 400px> ، تختفي كلمة الخنزير الزائدة ، ويتم عرض الصفحة بشكل طبيعي.

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط فيضان النص الناجم عن التعليقات بالعرض الثابت لكتلة النص (سواء كانت قيمة مطلقة أو قيمة نسبية).

5. زيادة عدد التعليقات: عندما يكون تعليق واحد ، ستظهر كلمة واحدة ؛ عندما 2 تعليق ، ستظهر 3 كلمات ؛ عندما 3 تعليقات ، ستظهر 5 كلمات ...

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيله

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيله. سنحصل على صيغة من القاعدة أعلاه: عدد الكلمات التي تفيض النص = عدد التعليقات * 2-1. عدد الكلمات هنا صحيح عندما يكون هناك أرقام صينية أو إنجليزية.

عندما يكون عدد كلمات النص المفرط أكبر من عدد النصوص النصية ، ستختفي كتلة النص.

<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3 xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html ؛ charset = gb2312/> <title> واحد خنزير آخر </title> </head> <body> <body> <div style = width: 400px> <div style = float: left> </div>  ->  <! هل الخنزير الإضافي </div> </viv> </body> </html>

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل الإرشادات: يرتبط عدد الكلمات الفائضة بعدد التعليقات.

من اختبارات 1 و 2 ، يرجى عدم وضع التعليقات بين كتلتين عائمتين.

حل:

1. لا توجد تعليقات. أسهل وأسرع حل ، هههه ...

<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3 xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html ؛ charset = gb2312/> <title> خنزير واحد </title> </head> <body> <body> <div style = width: 400px> <div style = float: left> </viv> <div style = float: right ؛ width: 400px> ↓ هذا هو الخنزير الإضافي </div> </body> </html>

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل 2. لا تضع التعليقات بين كتلتين عائمتين.

<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3 xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html ؛ charset = gb2312/> <title> خنزير واحد </title> </head> <body> <body> <div style = width: 400px> <!--> <div style = float: left> </viv> <div style = float: width:

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيلها 3. قم بتضمين كتلة النص بين <Div> </viv> الجديد ، مثل: <div style = float: right ؛ width: 400px> <viv> ↓ هذا هو الخنزير الإضافي </div> </div>.

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل 4. قم بإزالة العرض الثابت لكتلة النص ، والذي يحتوي على أوجه تشابه مع 3.

نصيحة: يمكنك تعديل بعض التعليمات البرمجية أولاً ثم تشغيل التحليل والحل أعلاه الذي قد يكون غير كافي أو غير دقيق. مرحبا بكم لمناقشة وتصحيح لي.