مرکز: CSS-هډوانه

کله چې د مخ د هډوانې ضروري ده زیاتره د یو مرکز CSS-لاره: د مثال په توګه، د اساسي واحد مرکز شي. د دې ستونزې د حل څو، چې هر يو به ژر یا وروسته د هر ډول coder ګټه لري.

متن برابر مرکز ته

اکثرا د زينتي موخو تاسو غواړئ چې په دې صورت کې د متن مرکز، CSS جوړ، چې د ښیو وخت کم کړي. پخوا دا د HTML-صفتونو څخه استفاده کړی ده، خو اوس د معياري اړتیا د متن سره د ډول پاڼه برابر کړي. د بنديز د کوم لپاره چې تاسو غواړئ چې په CSS د متن په منځني سره یو واحد سره سم جوړ شوی دی صف بهرني نالیچې بدلون برعکس:

• text-align: مرکز؛

دا ملکیت دی په میراث او له مور او پلار ته د ټولو ماشومانو وفات شو. دا نه يوازې د متن خو هم د نورو عناصرو اغيزه کوي. د دې هدف لپاره، نو بايد lowercase شي (د مثال په اوږدو کې) او یا قطار-د بنديز (هر بلاکونو چې نندارې ملکیت مشخص: د بنديز). وروستنۍ لاره هم تاسو ته اجازه درکوي د عرض او د عنصر قد، نور د indentation انعطاف سازونې بدلون.

مخونه زیاتره د ځان د خاصه وسيلې په پېژندتورو. ژر تر ژره دغه کار د کوډ باطلې، ځکه W3C ومنله align د خاصه زړې. په يو مخ په کارولو سره دا نه سپارښتنه ده.

مرکز د بنديز

که تاسو غواړی چې د په منځني د div د اړېکو جوړ، CSS کولای وړاندې خورا هوسا لاره: د بهرنيو نالیچې حاشیه کارول. د نالیچې کولای شي په توګه د بنديز عناصر، او د اړوندو-د بنديز کې مشخص شي. Svoysva ارزښت باید وي 0 (عمودي نالیچې)، او کړکېو (اتومات indentation په افقي):

• توپير: 0 کړکېو کې؛

اوس د دې انتخاب په توګه پیژندل کیږي په مطلق ډول د اعتبار وړ. په کارولو سره د بهرني نالیچې هم تاسو ته اجازه درکوي د مرکز د اړېکو جوړ: CSS-حاشیه ملکیت ته اجازه ورکوي چې موږ سره ځای پر مخ تړلي عنصر ډېرې ستونزې حل کړي.

د د د د بنديز د چپ یا ښی څنډې سکیچ

کله کله CSS-لاره نه د مرکز د ساحاتو ته اړتيا نه لري، خو په راتلونکو دوو بلاکونو، یو له چپ لوری ته او د نورو دا ضروري ده - له حق. د دې لپاره چې لرګې ملکیت، چې کولای شي د درې ارزښتونو يو واخلي شته دی: پاتې، حق او یا هېڅ نه. راځئ چې وايي تاسو دوه بلاکونه چې باید اوږه په اوږه کيښودل شي. بيا په لاندې ډول کوډ دی:

• .left {لرګې: پاتې؛}
• .right {لرګې: حق}

که د دريم بلاک، چې بايد په لومړيو دوو بلاکونو (د ساري، پښۍ) لاندې موقعيت ولري موجود وي، نو دا د روښانه ځانګړنه ثبت ضروري ده:

• .left {لرګې: پاتې؛}
• .right {لرګې: حق}
• پښۍ {روښانه: دواړه}

دا حقيقت چې د ټول جريان څخه وتلي دي او د حق د منی د ټولګيو د بلاکونو، چې، د نورو ټولو عناصرو د عناصرو سره مطابقت شتون له پامه غورځول. ملکیت روښانه: دواړه اجازه پښۍ د بنديز يا کوم بل د ليدو وړ له جريان حجرو اغیزې او نغاړل (لرګې) د دواړو چپ او ښي منع کوي. له همدې امله، زموږ په مثال په توګه، د پښۍ دی ځایه ښکته.

عمودي مسیر

داسې حالاتو کې چې په کافي اندازه نه د CSS-لارو د مرکز د اړېکو جوړ دي، نو تاسو هم بايد د ماشوم د بنديز عمودي موقف کې بدلون راولي. هره کرښه یا قطار-د بنديز عنصر کولای شي د مشرانو او یا ښکته څنډه پر وړاندې د فشار راوړی شي، د مور او پلار عنصر په منځ کې موقعيت لري او یا په یوه پخپل سر د ځای وي. زياتره وختونه د د د بنديز د مرکز د ساحاتو ته اړتيا لري، چې دا عمودي-align د خاصه کاروي. فرض دوو بلاکونو، چې يو د بل په دننه کې Nested شتون لري. په دې دننه واحد - قطار-د بنديز عنصر (نندارې: په لیکه کې-د بنديز). د عمودي د بنديز ماشوم برابر دا ضروري ده:

• د مشرانو د احاطې د ساحاتو - .child {عمودي-align: سر}؛
• مرکز - .child {عمودي-align: منځنی}؛
• د لاندينې څنډې د ساحاتو - .child {عمودي-align: ښکته}؛

په بنديز عناصر غږیز text-align، يا عمودي-align نه غوښتنه وکړي.

سره د ناپیلی واحدونو د احتمالي ستونزو د

کله کله div د CSS-لاره د مرکز سره برابر کولای شي لږ ستونزو سبب شي. د مثال په ډول، کله چې لرګې په کارولو: .لومړی، .دوهم او .دریم: د مثال په توګه، هلته درې بلاکونو دي. د دوهم او دریم بلاکونو په لومړي دروغ. د يو ټولګي یو عنصر د دويم پاتې-سمون، او په تېرو بنديز - پر حق دي. هغه داؤ چې وروسته د دواړو د ويالې څخه وغورځول. که د مورنی عنصر د لوړوالي نه تعریف (د بيلګې په توګه، 30em)، دا به ودروي چې د متمم واحدونو ارتفاع کش. د يو ځانګړي واحد، چې په اند .دوهم او .دریم - د دې تېروتنې د مخنيوي، د "spacer" وکاروي. CSS-کوډ:

• .دوهم {وتللی: چپ}
• .دریم {لرګې: حق}
• .clearfix {قد: 0؛ روښانه: د دواړو؛}

جعلي زیاتره کارول: وروسته، چې هم ته اجازه ورکوي له خوا psevdorasporki د رامنځته کولو په ځای د بلاکونو بیرته (په سره ټولګي div د مثال په توګه د کانتينر کي پروت دی او لري یو .لومړی .left او .right):

• .left {لرګې: چپ}
• .right {لرګې: حق}
• .container: {منځپانګه وروسته: ''؛ نندارې: جدول؛ روښانه: د دواړو؛}

د پورته انتخابونو - د ټولو عام، که څه هم ځينې توپيرونه شته. تل تاسو کولی شئ چې د تجربو psevdorasporki رامنځته ټولو اسانه او تر ټولو اسانه تګ لاره ومومي.

بله ستونزه په وار وار سره مخامخ هډوانه - د کرښې-د بنديز عناصر د ساحاتو. د هغوی هر وروسته فضا په اتوماتيک ډول زياته کړه. لاس وروړي دا په حاشیه کې د ملکیت، چې د منفي indentation له خوا تعريف کې مرسته کوي. نورې لارې لري، چې په وار وار لږ کارول، د مثال په توګه، وزېرمئ شته دي د font size. په دې صورت کې د مورني عنصر د ملکیتونو ثبتوي font-size: 0. که د متن بلاکونو کې موقعيت لري، د کرښې-د بنديز عناصر د ملکیتونو د خوښې font size ته راستانه شوي دي. د مثال په توګه، font-اندازه: 1em. د میتود تل مناسب نه وي، نو دا ډېر په عام ډول سره د بهرني څنډه کارول نسخه.

هغه داؤ چې د غونډونو تاسو ته اجازه ښکلي او فعال مخونو د جوړولو: د يوه کوچنۍ سيمه کې د عمومي نخشه او هډوانه، او په هټيو کې د توکو د ځای، او انځورونو ته.