بمرکز: CSS ترتیب

صفحے کا سانچہ ایک مرکوز CSS طرفہ بنانے کے لئے اکثر ضروری ہے جب: مثال کے طور پر، بنیادی یونٹ مرکز کے لئے. اس مسئلے کے کئی حل، جن میں سے ہر جلد یا بعد میں کسی بھی coder کی استعمال کرنا پڑے گا ہیں.

مرکز کے لئے متن سیدھ کریں

اکثر آرائشی مقاصد کے لئے آپ کا نفاذ کے وقت کو کم کرنے، اس صورت میں متن مرکوز، سی ایس ایس قائم کرنا چاہتے ہیں. ماضی میں یہ HTML اوصاف استعمال کرتے ہوئے کیا گیا تھا، لیکن اب معیاری سٹائل شیٹ کے ساتھ متن سیدھ کریں کرنے کی ضرورت ہے. آپ درمیان ایک ایک لائن کے ساتھ بنایا گیا ہے میں متن کی سی ایس ایس سیدھ میں خارجی بھرتی تبدیل کرنا چاہتے ہیں جس کے لئے بلاک کے برعکس:

• متن سیدھ: مرکز؛

یہ جائیداد وراثت میں اور تمام بچوں کو والدین سے گزر رہا ہے. یہ نہ صرف متن بلکہ دیگر عناصر میں اثر انداز ہوتا ہے. اس مقصد کے لئے، وہ خفی کیا جانا چاہئے (مثلا، اسپین) یا قطار بلاک (کسی بھی بلاکس ڈسپلے جائیداد کی وضاحت ہے کہ: بلاک). مؤخر الذکر آپشن بھی آپ کی چوڑائی اور عنصر کی اونچائی، پوٹ کاری کے زیادہ لچکدار ترتیب کو تبدیل کرنے کی اجازت دیتا ہے.

صفحات اکثر ٹیگ خود کو وصف سیدھ. یہ فوری طور پر W3C اعتراف کے بعد سیدھ وصف متروک، کوڈ باطل ہوتا ہے. ایک صفحے پر اس کا استعمال سفارش کی نہیں ہے.

بمرکز بلاک

بیرونی بھرتی مارجن کا استعمال کرتے ہیں: آپ درمیان میں div کی سیدھ مقرر کرنا چاہتے ہیں تو، CSS کافی آرام دہ طریقہ پیش کر سکتے ہیں. بھرتی بلاک عناصر، اور لائن بلاک کے طور پر مخصوص کیا جا سکتا ہے. Svoysva قدر 0 (عمودی بھرتی)، اور آٹو (افقی طور پر خود کار طریقے سے پوٹ کاری) ہونا چاہئے:

• مارجن: 0 آٹو؛

ابھی اس اختیار کو بالکل درست طور پر تسلیم کیا جاتا ہے. سی ایس ایس مارجن جائیداد ہمارے پیج پر پوزیشننگ عنصر کے ساتھ منسلک بہت سے مسائل کو حل کرنے کی اجازت دیتا ہے: خارجی بھرتی کا استعمال کرتے ہوئے بھی آپ کو مرکز کی سیدھ مقرر کرنے کی اجازت دیتا ہے.

بلاک کے بائیں یا دائیں کنارے کی سیدھ

کبھی کبھی CSS طرفہ مرکز کی سیدھ ضرورت نہیں ہے، لیکن یہ اگلے دو بلاکس، بائیں جانب سے ایک اور دوسرے میں ڈال کرنے کے لئے ضروری ہے - دائیں سے. اس کے لئے جس کے تین میں سے کوئی ایک لے سکتے فلوٹ جائیداد، وہاں ہے: بائیں، دائیں یا کوئی بھی. کی آپ کو پارٹی کی طرف سے کی طرف رکھا جانا چاہئے کہ دو بلاکس ہے کہنے دو. تب کوڈ درج ذیل ہے:

• .بائیں {فلوٹ: بائیں؛}
• .حق {فلوٹ: صحیح}

پہلے دو بلاکس (جیسے فوٹر) کے تحت واقع ہو جائے ضروری ہے جس میں ایک تیسرے بلاک، نہیں ہے، تو پھر یہ واضح خصوصیت رجسٹر کرنے کے لئے ضروری ہے:

• .بائیں {فلوٹ: بائیں؛}
• .حق {فلوٹ: صحیح}
• فوٹر {واضح: دونوں}

حقیقت یہ ہے کہ کل کی روانی کے باہر بائیں اور دائیں زوال کے کلاسوں کے ساتھ بلاکس، یہ ہے کہ، دیگر تمام عناصر کو نظر انداز کیا ہے کہ اتحاد کے عناصر کے وجود. پراپرٹی واضح: دونوں فوٹر بلاک یا کسی دیگر دستیاب بہاؤ کے خلیات سے جنم لیتی اجازت دیتا ہے اور بائیں اور دائیں دونوں پر غلاف (فلوٹ) سے منع کرتا ہے. لہذا، ہماری مثال میں، فوٹر نیچے کی بے گھر کیا جاتا ہے.

عمودی سیدھ

مقدمات CSS-طریقوں کے مرکز کی سیدھ قائم کرنے کے لئے کافی نہیں ہیں ہیں، آپ کو بھی بچہ بلاک کی عمودی پوزیشن تبدیل کرنا ہوگا. کوئی لائن یا قطار بلاک عنصر، اوپری یا کم کنارے کے خلاف دبایا جا سکتا والدین عنصر کے وسط میں واقع یا ایک صوابدیدی جگہ میں ہو. اکثر بلاک کے مرکز کی سیدھ ضرورت ہوتی ہے، یہ عمودی-سیدھ کریں وصف استعمال کرتا ہے. دو بلاکس، ایک دوسرے کے اندر اندر در اندر موجود ہیں مان لیں. قطار بلاک عنصر (: ان لائن بلاک ڈسپلے) - یہ ڈور یونٹ میں. یہ عمودی بلاک بچے کی سیدھ میں کرنے کے لئے ضروری ہے:

• بالائی سرحد کی سیدھ - .بچے {عمودی-سیدھ کریں: سب سے اوپر}؛
• مرکوز - .بچے {عمودی-سیدھ کریں: مڈل}؛
• نیچے کنارے کی سیدھ - .بچے {عمودی-سیدھ کریں: نیچے}؛

بلاک عناصر آڈیو متن سیدھ کریں، یا عمودی-سیدھ لاگو نہیں ہوتا.

سیدھ کردہ یونٹوں کے ساتھ ممکنہ مسائل

کبھی کبھی CSS طرفہ کا مرکز سیدھ میں ایک چھوٹی سی مصیبت کا سبب بن سکتا DIV. مثال کے طور پر، ایک فلوٹ کا استعمال کرتے وقت: .سب سے پہلے، .دوسرا اور .تیسری: مثال کے طور پر، وہاں تین بلاکس ہیں. دوسرے اور تیسرے بلاکس پہلے میں جھوٹ بولتے ہیں. ایک کلاس کے ساتھ ایک عنصر دوسری بائیں منسلک، اور آخری بلاک - حق پر. سیدھ میں لانا بعد دو سلسلہ سے گرا دیا. والدین عنصر کی اونچائی کی وضاحت نہیں ہے تو (مثال 30em)، جو ماتحت ادارہ یونٹس کی اونچائی بڑھاتے رہے گا. ایک خصوصی یونٹ، .دوسرا اور .تیسری دیکھتا ہے جس - اس خرابی سے بچنے کے لئے، "وقفہ کار" استعمال کرتے ہیں. سی ایس ایس کوڈ:

• .دوسرا {فلوٹ: بائیں}
• .تیسری {فلوٹ: صحیح}
• .clearfix {اونچائی: 0؛ واضح: دونوں؛}

چھدم اکثر استعمال کیا ہے: کے بعد، بھی psevdorasporki تشکیل کی طرف سے جگہ میں بلاکس واپس کرنے کی اجازت دیتا ہے (کلاس کے ساتھ div میں مثال میں کنٹینر کے اندر واقع ہے اور ایک .پہلا .بائیں اور .حق پر مشتمل):

• .بائیں {فلوٹ: بائیں}
• .حق {فلوٹ: صحیح}
• .container: {مواد کے بعد: ''؛ ڈسپلے: ٹیبل؛ واضح: دونوں؛}

مندرجہ بالا اختیارات - سب سے زیادہ عام ہے، کچھ مختلف حالتوں ہیں، اگرچہ. آپ ہمیشہ تجربات کی طرف سے psevdorasporki پیدا کرنے کے لئے سب سے آسان اور سب سے زیادہ آسان طریقہ تلاش کر سکتے ہیں.

ایک اور مسئلہ اکثر کا سامنا کرنا پڑا ترتیب - لکیر بلاک عناصر کی سیدھ. ان میں سے ہر ایک کے بعد ایک کی جگہ خود بخود شامل کیا جاتا ہے. ہینڈل یہ منفی پوٹ کاری کی طرف سے وضاحت کی گئی ہے جس کے مارجن جائیداد، مدد کرتا ہے. ، کم کثرت سے استعمال مثال کے طور پر ری سیٹ کر رہے ہیں جس میں دیگر طریقے ہیں، فونٹ سائز. اس صورت میں، والدین عنصر کی خصوصیات رجسٹر فونٹ سائز: 0. متن کے بلاکس کے اندر اندر واقع ہو تو، لائن بلاک عناصر کی خصوصیات مطلوبہ فونٹ سائز کو لوٹ چکے ہیں. مثال کے طور پر، فونٹ سائز: 1em. طریقہ کار ہمیشہ آسان نہیں ہے، لہذا یہ بہت زیادہ عام طور پر بیرونی مارجن کے ساتھ استعمال کیا جاتا ہے ورژن.

ایک چھوٹی سی کی ویب سائٹ پر عام طور پر ترتیب اور ترتیب، اور دکانوں میں سامان کے محل وقوع، اور تصاویر: بلاک ترتیب دے رہا آپ کو خوبصورت اور فعال صفحات بنانے کے لئے اجازت دیتا ہے.