سي ڊي فلوٽ کي سمجھي ٿو

سي ايس ايس جو استعمال ڪندي ملڪيت پراڊڪٽ ويب صفحو ترتيبون

سي ايس ايس ملڪيت ترتيب لاء هڪ تمام اهم ملڪيت آهي. اهو توهان کي توهان جي ويب پيج ڊزائن جي ڊزائين کي پوزيشن ڏيڻ جي اجازت ڏئي ٿو جئين ته توهان انهن کي ڊسپلي ڪرڻ چاهيو، پر ان کي استعمال ڪرڻ لاء توهان کي اهو سمجهڻ گهرجي ته اهو ڪيئن ڪئين.

هڪ اسلوب شيٽ ۾، ايس ڊي ايس فلوٽ ملڪيت هن وانگر نظر اچن ٿا:

.right {float: right؛ }

اهو برائوزر ٻڌائي ٿو ته "دائیں" جي طبقي سان هر شي کي درست ڪيو وڃي.

توھان ان کي پسند ڪري سگھوٿا:

طبقو = "حق" />

ڇا توهان ايس ڊي ايس فلوٽ سان ملڪيت لڙي سگهو ٿا؟

توهان هر فھرست ويب صفحي تي نه ٿا سگهو. توهان صرف بلاڪ سطح جي عناصر کي فٽٽ ڪري سگهو ٿا. اهي اهي عناصر آهن جن ۾ صفحي تي خلقي جي هڪ بلاڪ، جهڙوڪ تصويرون ()، پيراگراف ()، ڊويزن () ۽ فهرستون ().

ٻين عناصر جيڪي متن تي اثر انداز ڪندا آهن، پر هن صفحي تي بڪ ٺاهي نه آهن ان لائن عناصر کي سڏيو وڃي ٿو ۽ سچل نٿو ڪري سگهجي. اهي عناصر جهڙوڪ اسپين ()، لائن وقف ()، مضبوط زور ()، يا اطالوي ().

اهي ڪٿي آهن؟

توهان اهڙن عناصر کي حق يا کاٻي پاسي ڪري سگهو ٿا. ڪو به عنصر جيڪو سچل عنصر جي پيروي ڪري فريڊ عنصر جي ڀرسان وهڪري جي ٻئي پاسي وهندي.

مثال طور، جيڪڏهن آئون هڪ تصوير کي کاٻي پاسي کي ڇڏي، ڪنهن به ٽيڪسٽ يا ٻيو عنصر ان جي پٺيان ڀرسان تائين سڄي وهڪري جي برابر ڪنداسين. ۽ جيڪڏهن آئون صحيح طور تي هڪ تصوير ظاهر ڪر، ڪنهن به ٽيڪسٽ يا ٻين عناصر ان جي پٺيان لڳائي ڇڏين ته ان جي ڀرسان رهجي ويندي. ھڪڙو تصوير جيڪو فلوٽ جي طرز جي بغير متن جي بلاڪ ۾ رکيل آھي ان کي ظاھر ڪندو ڏيکاريندو، جيتوڻيڪ برائوزر تصويرون ڏيکاريندي آھي.

اهو عام طور تي هيٺ ڏنل متن جي پهرين قطار سان تصوير جي هيٺيان ڏيکاري ٿي.

اهي ڀلا ڪيئن ٿيندا؟

سچل جيڪو هڪ عنصر ڪيو ويو آهي اڳتي وڌندو ويندي جتان اهو ڪنٽرول عنصر جي کاٻي يا کاٻي پاسي تائين. اهو نتيجو توهان جي ڪوڊ لکڻ جو طريقو ڪيترو ئي مختلف مختلف حالتن ۾ آهي.

انهن مثالن لاء، آئون سچل هڪ ننڍڙو DIV عنصر کي ڇڏي ڏيو:

• جيڪڏهن سچل عنصر جو اڳوڻو چوڪ نه هوندو آهي، ان کي قطعي طور تي لازمي طور تي ضروري ۽ دستياب افزائي جاء وٺي ويندي. نوٽ: ڪجهه برائوزر فلو عناصر جي چوڌاري عناصر رکڻ جي ڪوشش ڪئي آهي جڏهن چوٿين مقرر نه ڪئي ويندي آهي عام طور تي غير فلو ٿيل عنصر صرف هڪ ننڍڙو خلا آهي. تنهن ڪري توهان هميشه فلو ٿيل عناصر تي چوٿين کي وضاحت ڪيو وڃي.
• جيڪڏهن ڪنٽرول عنصر HTML HTML عنصر آهي، سچا ڊي وي جي صفحي جي کاٻي پاسي واري ويجهو ويندي.
• جيڪڏهن ڪنٽرولر پاڻ ۾ ڪجهه ٻئي طرف شامل آهي، فرائيٽ ڊيوڪ ڪنٽرول جي کاٻي پاسي ۾ ويهي ويندي.
• توهان فليٽ عناصر سست ڪري سگهو ٿا، ۽ انهي جو نتيجو اهو ٿي سگهي ٿو ته فرات جي جڳهه ۾ حيران ٿي ويندي آهي. مثال طور، هيء سچل هڪ ساڄي طرف ڊيويو ويو آهي.
• فليٽ عناصر هڪ ٻئي جي اڳيان ويهندا جيڪڏهن ڪنٽين ۾ ڪمرو آهي. مثال طور، هيء ڪنٽر هڪ 400px وڏين کنڊرن ۾ ٽي ٽي پي پي ڊي وڏين DIV عناصر آهي.

توهان به هڪ فوٽو گئلينر ترتيب ٺاهي سگهو ٿا فلوٽس استعمال ڪري سگهو ٿا. توهان هر ٿمبلاڻ ۾ رکون ٿا (اهو بهترين طريقي سان جڏهن اهي سڀئي سائيز آهن) ۾ ڊيو ويڪ ۽ فئٽ جي ڊائي عناصر ڪنٽين ۾ موجود آهن.

ڪابه معاملو ڪيئن برائوزر ونڊو ڪيئن آهي، تمبٿس کي ساڳي طرح مرتب ٿي ويندا.

فلوٽ کي بند ڪر

هڪ دفعو توهان کي ڄاڻو ته هڪ عنصر فلوٽ کي ڪيئن حاصل ڪجي، اهو فلوٽ کي بند ڪرڻ ڪيئن ڄاڻڻ ضروري آهي. توهان فلوٽ کي سي ايس ايس صاف صاف ملڪيت سان بند ڪريو. توھان کي ڇڏي فلوٽ، صحيح جڳھ يا ٻئي کي صاف ڪري سگھو ٿا:

صاف: ڇڏي؛
صاف: صحيح؛
صاف: ٻنهي؛

ڪنھن بہ عنصر جيڪو اوھان پڌرو ٿيل ملڪيت مقرر ڪندو اھو ھڪڙو عنصر جيڪو ھڪڙو هدايت ھيٺ اچي ٿو. مثال طور، هن مثال ۾ متن جي پهريان ٻه پيراگراف صاف نه آهن، پر ٽيون آهي.

توهان جي دستاويزن ۾ مختلف عناصر جي واضح قدر سان راند ڪريو مختلف ترتيب واري اثرات حاصل ڪرڻ لاء.

هڪڙو دلچسپ ترين ترتيب جو هڪ هڪ نقشو تصويرون جي هڪ شڪل آهي جيڪو دڙي جي پيراگراف جي ساڄي يا کاٻي ڪالمن کي هيٺ ڏنل آهي. توڙي جو متن لکڻ واري ماضي کي ماضي کي طويل ڪرڻ لاء ڪافي نه آهي، توهان انهي تصوير کي صاف ڪرڻ لاء استعمال ڪري سگھو ٿا ته اهي پوئين تصوير واري اڳيان، ڪالمن ۾ ظاهر ٿيندا آهن.

HTML (ھن پيراگراف کي رد ڪريو):

ٻونٽي اييوٽ ٺاهيل ڊالر سي اي ايم ايم اي ايم موٽرسائيٽ جي وچ ۾ وظيفائيٽ ۾ پيش ڪن ٿا. Cupidatat غیر قریبی، یوزر لیبورڈ اور ڈورور جادو کے ذریعہ.

سي ايس اي (تصويرون کي کاٻي پاسي ڏانهن):

img.float {float: left؛
صاف: ڇڏي؛
حاڪمن: 5px؛
}

۽ ساڄي طرف:

img.float {float: right؛
صاف: صحيح؛
حاڪمن: 5px؛
}

ليٽنگ لاء فريمٽس استعمال ڪندي

هڪ دفعو توهان سمجھو ته فلاٽ ڪمائي ڪيئن ڪجي، توهان پنهنجي ويب صفحن کي ٻاهر آڻڻ لاء استعمال ڪري سگهو ٿا. اهي مرحلا آهن جن کي سچل ويب صفحو ٺاهي وٺن ٿا.

• ترتيب ٺاھڻ (ڪاغذ تي يا گرافڪس جي اوزار يا منهنجي سر ۾).
• بيان ڪريو جتي صفحو ڊويزن جا ٿي ويندا آهن.
• انهن جي مختلف ڪنٽينز جي چوٽي ۽ انهن جي اندر جي عناصر کي وڌايو.
• هر شيء فلوٽ. جيتوڻيڪ مٿين طرف کان ٻاهرئين ڪنٽين جو بائيٽ ڏانهن اشارو ڪيو ويو آهي ته مون کي خبر آهي ته اهو ڪٿي برائوزر ڏسڻ پورٽ جي حوالي سان هوندو.

جيستائين توهان جي ترتيب واري سيڪشن جي چوٿين (فيصد صحيح آهن) ڄاڻو ٿا، توهان ان فلوٽ ملڪيت استعمال ڪري سگهو ٿا جيڪي انهن جي صفحي تي اهي ڪهڙا رکجن ٿا. ۽ سٺو شيء آهي، توهان کي پريشان ٿيڻ جي ضرورت ناهي ته بڪس نموني مختلف انٽرنيٽ ايڪسپلورر يا فائر فاکس لاء مختلف ٿي وڃي.