مرڪوز: CSS-ترتيب

جڏهن ته صفحي جي ترتيب اڪثر هڪ مرڪوز CSS-انداز ڪرڻ ضروري آهي: مثال طور، سنڌ جي مکيه يونٽ وچ ۾ آڻڻ لاء. نه هن مسئلي کي ڪيترن ئي حل آهي، جنهن جي هر دير يا سوير ڪنهن coder استعمال ڪرڻو پوندو آهي.

مرڪز کي متن ڀريل

اڪثر decorative مقصدن اوھان جي متن مرڪوز، هن معاملي ۾ CSS قائم ڪرڻ، پوڻ جي وقت جي خاتمي ڪرڻ چاهيو لاء. عربن هن HTML-جزن ۾ استعمال ڪري ٿي چڪو هو، پر هاڻي ته معياري انداز چادر سان متن ميمن ۽ گهري. جي بلاڪ جنهن لاء توهان جي وچ ۾ متن جي CSS سڌي ڪرڻ ۾ ظاهري padding تبديل ڪرڻ چاهين ٿا ان جي ابتڙ هڪ قطار سان ڪيو آهي:

• متن-ميمن: مرڪز؛

هن جي ملڪيت جو وارث ۽ والدين کان سڀني ٻارن کي گذري آهي. اها ڳالهه نه رڳو هن جي متن پر پڻ ٻين عنصرن کي متاثر. هن مقصد لاء، اهي ننڍو ٿي وڃي (مثال طور، جي وٿيء تي) يا قطار-بلاڪ (ڪو پور ته ڊسپلي ملڪيت ڄاڻائي: بلاڪ). جنهنڪري اختيار به اوھان کي کائيندڙ ۽ هدايت، جي indentation جي وڌيڪ لچڪدار جي تشڪيل جي اوچائي کي تبديل ڪرڻ جي اجازت ڏئي ٿو.

اڪثر صفحا کي ڳولهي پاڻ ڏانهن منسوب ميمن. هن کي فوري طور تي، جو ڪوڊ غلط ڪندو کان W3C ايمان آندو ڀريل وصف مدي خارج. هڪ صفحي تي ان کي استعمال ڪرڻ جي سفارش نه آهي.

مرڪوز بلاڪ

ظاهري padding حاشيہ جو استعمال: اوھان جي وچ ۾ div جي سڌي ڪرڻ قائم ڪرڻ چاهيو ٿا ته، CSS ڪافي هڪ آرام طرح پيش ڪري سگهو ٿا. Padding جي بلاڪ عنصرن جي حيثيت متعين ڪري سگهجي ٿو، ۽ ڪنڊي-بلاڪ. Svoysva قدر 0 (عمودي padding)، ۽ خود (horizontally خودڪار indentation) هجڻ گهرجي:

• حاشيہ: 0 خود؛

هاڻي هي اختيار بلڪل صحيح طور تسليم ڪيو آهي. ظاهري padding استعمال ڪرڻ به توهان جي مرڪز جي سڌي ڪرڻ مقرر ڪرڻ جي اجازت ڏئي ٿو: CSS-حاشيہ ملڪيت جي صفحي تي پوزيشن هدايت سان لاڳاپيل ڪيترائي مسئلا حل ڪرڻ لاء اسان جي اجازت ڏئي ٿو.

هن بلاڪ جي کاٻي يا ساڄي ڪناري جي سڌي ڪرڻ

ڪڏهن ڪڏهن CSS-واٽ مرڪز جي سڌي ڪرڻ جي ضرورت ڪونهي، پر ان جي اڳيان ٻه پور، کاٻي پاسي کان هڪ ۽ ٻين ڪر ڪرڻ ضروري آهي - ان جي حق کان. ڇڏيو، حق يا ڪو: هن لاء اتي جي مجال ملڪيت آهي، جنهن کي ٽي ته انهيء جو هڪ وٺي سگهجي ٿو. سنڌ جو چوڻ آهي توهان ٻه پور ته پاسي جي پاسي رکيل وڃي آهن جڳائي. ان کان پوء هن ڪوڊ ڏنل آهي:

• .left {مجال: روانو ٿيو؛}
• .right {مجال: حق}

جيڪڏهن ڪا ٽين بلاڪ، جنهن جي پهرين ٻن پور (مثال طور، فوٽر) هيٺ بيٺل هجي، ان کان پوء ان جي واضح مضمون رجسٽر ڪرڻ ضروري آهي:

• .left {مجال: روانو ٿيو؛}
• .right {مجال: حق}
• فوٽر {پڌري: ٻنهي}

جڏهن ته حقيقت اها آهي ته، ته آهي کاٻي ۽ ساڄي زوال جي طبقن جي ڪل جي وهڪري مان ٻاهر سان پور، ٻين سڀني اتحاد عنصرن جي تمام وجود نظر انداز عنصرن. ملڪيت پڌري: ٻنهي فوٽر بلاڪ جي اجازت ڏئي ٿو يا ڪنهن ٻي نظر جي وهڪري خانا کان precipitated ۽ ٻنهي جي کاٻي ۽ ساڄي تي (مجال) جڳائين کان روڪي ٿو. تنهن ڪري، اسان جي مثال ۾، جي فوٽر گرداب کي دربدر آهي.

عمودي سدائي

نه ڪيس جتي CSS-طريقن جي مرڪز جي سڌي ڪرڻ مقرر ڪرڻ ڪافي نه، تون به ٻار بلاڪ جي عمودي حيثيت تبديل هجڻ ضروري آهي. ڪنهن به قطار يا صف-بلاڪ عنصر، ته اپر يا هيٺين پاسيري خلاف نسرندو ڪري سگهجي ٿو ته والدين هدايت جي وچ ۾ واقع يا هڪ ماني جي مقام ۾ ٿي. گهڻو ڪري اڪثر جي بلاڪ جي مرڪز جي سڌي ڪرڻ جي ضرورت آهي، ان عمودي-ڀريل وصف استعمال ڪري ٿو. ڀلا ٻه پور، هڪ ٻئي جي اندر nested موجود آهن. قطار-بلاڪ عنصر (: inline-بلاڪ ڊسپلي) - هن بند يونٽ ۾. اهو عمودي بلاڪ ٻار ميمن ڪرڻ ضروري آهي:

• جي اپر چوديواري جي سڌي - .child {عمودي-ميمن: مٿي}؛
• مرڪوز - .child {عمودي-ميمن: وچ}؛
• تري پاسيري جي سڌي - .child {عمودي-ميمن: تري}؛

بلاڪ عنصرن آڊيو متن-ڀريل، يا عمودي-ڀريل لاڳو نٿو ٿئي تي.

اتحاد يونٽ سان ممڪن مسئلا

ڪڏهن ڪڏهن ميمن ۽ div جي CSS-واٽ جي مرڪز ٿوري ڏکي لڳي سگهن ٿا. مثال طور، جڏهن هڪ مجال جو استعمال: .first، .second ۽ .third: مثال طور، اتي ٽي پور آهن. جڏهن ته ٻئي ۽ ٽئين پور پهرين ۾ کتل آهن. هڪ طبقو ٻئي کاٻي-اتحاد، ۽ قيامت جي بلاڪ سان هدايت - جي حق تي. aligning کان پوء ٻنهي جو وهڪرو مان ڪڍي ڇڏيو. هن والدين هدايت اوچائي (مثال طور، 30em) بيان ڪيو ويو آهي نه آهي ته، ان جي ماتحت يونٽ جي اوچائي ڊگھو کي پڄي ويندو. هڪ خاص يونٽ، جنهن .second ۽ .third ڏسي ٿو - هن غلطي کان بچڻ لاء، ته "spacer" استعمال ڪندا. CSS-ڪوڊ:

• .second {مجال: کاٻي}
• .third {مجال: حق}
• .clearfix {اوچائي: 0؛ صاف: ٻنهي؛}

اڪثر استعمال pseudo: بعد، جنهن به جاء ۾ psevdorasporki ٺاهڻ سان پور موٽڻ جي اجازت ڏئي (طبقي سان div ۾ مثال ۾ ظرف اندر ڪوڙ ۽ هڪ .first .left ۽ .right هئا):

• .left {مجال: کاٻي}
• .right {مجال: حق}
• .container: {مواد بعد: ''؛ ڏيون ٿا: ميز؛ صاف: ٻنهي؛}

هن جي مٿان اختيارن - سڀ کان عام، باقي نه ڪجهه اختلاف آهي. توهان هميشه تجربن جي psevdorasporki پيدا ڪرڻ ته تمام سڌو ۽ آسان طريقو ڏسي سگهو ٿا.

ٻيو مسئلو ايف پيو ترتيب - ڪنڊي-بلاڪ عنصرن جي سڌي ڪرڻ. انهن مان هر هڪ کان پوء هڪ خلا خودڪار طريقي سان شامل ڪيو ويو آهي. رسيء ان جي حاشيہ ملڪيت، جنهن جو منفي indentation جي بيان ڪيو ويو آهي مدد ڪري. اتي ٻين طريقن سان، جنهن کي گهٽ ايف استعمال ٿيندا آهن، مثال طور، ري سيٽ آهي ته اکرن جي سائيز. هن معاملي ۾، جي والدين هدايت جي مال رجسٽر اکرن-سائيز: 0. جيڪڏهن لکت جي پور جي اندر واقع، ڪنڊي-بلاڪ عنصرن جي مال جو ارادو ڪيو اکرن جي سائيز کي موٽي ويا. مثال طور، اکرن-سائيز: 1em. هن جو طريقو هميشه آسان نه آهي، پوء ان کي گهڻو وڌيڪ عام طور ٻاهرين موقعا سان نسخو استعمال ڪيو ويندو آهي.

عام ترتيب ۽ ترتيب، ۽ دوڪان ۾ سامان جو هنڌ، ۽ هڪ ننڍي جي ويب سائيٽ تي فوٽو: Aligning پور اوھان کي خوبصورت ۽ فنڪشنل صفحا پيدا ڪرڻ جي اجازت ڏئي ٿو.