Centered: CSS-тарҳбандии

Вақте, ки тарҳбандии саҳифаи аст, аксар вақт зарур кунад маркази CSS роҳи: масалан, ба маркази агрегати асосии. якчанд роҳҳои ҳалли ин масъала, ҳар як аз он дер ё зуд хоҳад ба истифодаи дилхоҳ coder нест.

Љобаљокунии матн ба маркази

Аксар вақт барои мақсадҳои ороишӣ ба шумо мехоҳед, ки ба танзим матни маркази, CSS, дар ин ҳолат, ки ба кам кардани вақти таъмидҳо. Пештар аз ин истифода HTML-хусусиятҳои буд, вале акнун стандарти талаб мутобиќ намудани матн бо сабки варақ аст. Дар муқоиса ба блоки, ки шумо мехоҳед, ки ба тағйир додани padding беруна дар ҳаммарказонии CSS матни дар миёна аст, ки бо як хати уммат:

• Матни азизамон маркази;

Ин амвол аст, ба мерос ва аз волидайн ба ҳамаи фарзандон ба мерос мегузарад. Ин на танњо ба матн, балки ба дигар элементҳои таъсир мерасонад. Бо ин мақсад, ки онҳо бояд ба қайдгоҳи мешавад (масалан, span) ё сатр-басташавӣ (ҳама гуна блокҳои, ки ба муайян амволи Намоиши ҳифз шудаанд). Варианти дуюм низ ба шумо имконияти тағир паҳнои ва баландии унсури, конфигуратсияи фасењ, бештар аз indentation.

Саҳифаҳои аксаран аттрибутӣ мутобиқ ба худ теги. Ин дарҳол месозад рамзи беэътибор, зеро W3C эътироф аттрибутӣ азизамон кӯҳна. Бо истифода аз он дар як саҳифа тавсия дода намешавад.

басташавӣ дар маркази

Агар шумо хоҳед, ки ба танзим мўътадил намудани вазъи Лиг дар миёна, CSS метавонад хеле ба таври бароҳат пешниҳод: истифодаи маржаи padding беруна. Padding метавон ҳамчун унсурҳои блоки ва хати-басташавӣ муайян карда мешавад. арзиши Svoysva бояд 0 (padding амудӣ), ва худкор (автоматӣ indentation уфуқӣ) бошад:

• маржа: 0 худкор;

Акнун ин хосият аст, комилан дуруст эътироф карда мешавад. Истифодаи padding беруна инчунин ба шумо имкон танзим мўътадил намудани вазъи маркази: амволи CSS-маржа ба мо имконият медиҳад, то ҳалли бисёр масъалаҳои марбут бо унсури Мавқеияти дар саҳифа.

Мутобиқ намудани канори чап ё рости блоки

Баъзан CSS-тавр мўътадил намудани вазъи маркази талаб намекунад, балки зарур аст, ки ба гузошта ба ду блокҳои навбатӣ, ки яке аз тарафи чап ва дигаре - аз тарафи рост. Зеро ин аст, ки молу мулки шино, ки метавонад яке аз се арзишҳои ҳаст: ба рост, чап ва ё касе. Биё мегӯянд, ки шумо ду блокҳои, ки бояд паҳлӯ ба паҳлӯи ниҳод. Он гоҳ, ки рамзи чунин аст:

• .left {шино: чап;}
• .right {шино: рост}

Агар як блоки сеюм, ки бояд дар назди ду блокҳои аввал (мисол, номаи) воқеъ вуҷуд дорад, он гоҳ аз он барои номнависии хусусияти равшан аст:

• .left {шино: чап;}
• .right {шино: рост}
• номаи {баён ҳам}

Далели он, ки блокҳои бо синфҳои аз чап ва рости тирамоҳи аз ҷараёни умумии, яъне, ҳамаи унсурҳои дигар ба ҳастии унсурҳои донед аҳамият намедиҳанд. Амволи равшан ҳам имкон медиҳад, блоки номаи ё ягон дигар намоён precipitated аз ҳуҷайраҳои ҷараёни ва табии (шино) дар бораи ду чап ва рости манъ мекунад. Аз ин рӯ, дар мисоли мо, номаи аст, коҳиш пайдо намекунанд.

масир амудии

ҳастанд ҳолатҳое, ки кофӣ нест барои насб кардани мўътадил намудани вазъи маркази CSS-роҳҳои вуҷуд кунанд, шумо низ ба мавқеи амудии блоки кӯдак тағйир диҳед. Ҳар як элементи хатти ё сатр-басташавӣ мумкин аст бар зидди канори болоии ё поёнии фишор, воқеъ дар мобайни унсури волидайн ё дар маҳалли ҷойгиршавии худсарона бошад. Бештари вақт талаб мўътадил намудани вазъи маркази блоки, онро истифода мебарад, аз они Худованд амудӣ азизамон. Фарз мекунем, ки ду блокҳои, яке лонаӣ дар доираи дигар вуҷуд дорад. Дар ин воҳиди дарунӣ - элементи сатр-блок (сарҳад Офатҳои табиӣ-басташавӣ). Зарур аст, ки ба мутобиќ намудани кўдак блоки амудии:

• мўътадил намудани вазъи сарҳади болоӣ - .child {амудӣ азизамон боло};
• дар маркази - .child {амудӣ азизамон миёна};
• мўътадил намудани вазъи канори поёни - .child {амудӣ азизамон поён};

Дар унсурҳои блоки аудио матн азизамон, ё амудї азизамон тавр амал намекунад.

Мушкилоти имкондошта бо воҳидҳои тааҳҳуд

Баъзан Лиг љобаљокунии маркази CSS-тавр як душворӣ каме мегардад. Масалан, вақте ки бо истифода аз шино: Масалан, се блок нест: .Дар, .Дуюм ва тарбия. Дар блокҳои дуюм ва сеюм дар аввали дурӯғ. Як унсури бо дараҷаи дуюм тарк-донед, ва охирин блок - оид ба њуќуќи. Баъд аз ҳамоҳангсозии он ду аз наҳр тарк. Агар унсури волидайн аст, баландии муайян карда нашудааст (масалан, 30em), он дар дилашон хоҳад буд, то ба озоратон баландии адад ёрирасони. Барои роҳ надодан ба ин гумроҳӣ, истифода баред "spacer» - як воҳиди махсус, ки мебинад, .Дуюм ва тарбия. CSS-коди:

• .Дуюм {шино: аз чап}
• тарбия {шино: рост}
• .clearfix {баландии: 0; равшан ҳам;}

псевдо аксар истифода мешаванд: пас, ки он низ имкон медиҳад, ки бозгашт ба блокҳои ба ҷои аз тариқи эҷоди psevdorasporki (дар мисоли дар Лиг бо синфи дурӯғ дохили зарф ва иборат .left .Дар ва .right):

• .left {шино: аз чап}
• .right {шино: рост}
• .container: пас аз {маводи: ''; Намоиши: миз; равшан ҳам;}

Имконоти боло - бештар маъмул, гарчанде баъзе вариантҳои нест. Шумо метавонед ҳама вақт ба осонтарини ва қулай роҳи эҷод psevdorasporki аз тарафи таҷрибаҳо ёфт.

Як мушкилии дигари зуд-зуд дучор тарҳбандии - масир унсурҳои хати-басташавӣ. Баъд аз ҳар як аз онҳо дар як фазои худкор илова карда мешавад. Идора он кӯмак мекунад, молу мулки маржа, ки аз ҷониби indentation манфӣ муайян карда мешавад. Роҳҳои дигаре, ки камтар истифода бурда мешавад, барои мисол, аз нав танзимкунии вуҷуд андозаи ҳарфро. Дар ин ҳолат, хосиятҳои унсури волидайн қайд ҳарф-андозаи: 0. Агар дар давоми тиккаҳои матн ҷойгир аст, хосиятҳои унсурҳои хати-басташавӣ ба андозаи ҳарф дилхоҳро баргардонида мешавад. Барои мисол, ҳарф-андозаи: 1em. Усули аст, на ҳама вақт қулай, то он аст, хеле васеъ бештар версияи бо доираи беруна истифода бурда мешавад.

Ҳамоҳангсозии блокҳои шумо имкон медиҳад, ки ба эҷоди саҳифаҳои зебо ва функсионалии: Сохтори умумӣ ва тарҳбандии, ва маҳалли ҷойгиршавии мол дар мағозаҳо ва хабарнигори дар сомонаи хурд.