CSS ба маркази дархост: матн ва миз

Дар дунёи иттилоотӣ дар ҳама гуна тахминҳо элементҳо ва системаҳои элементҳо, калимаҳо ва матнҳо, ё дар охирин шакли расмӣ - матнҳо ва мизҳо намоиш дода мешаванд. Шумо метавонед дигар, аллакай маълум, баррасӣ сохторҳои маълумот, инчунин тасвирҳо, балки барои истифодаи CSS ва HTML масъалаҳо дар робита ба матни форматонӣ шаклҳои иттилооти боқимонда доранд, муносибати гуногун.

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

• Мавқеи муваққатӣ;
• Дар маҷмӯи умумӣ ҷойгир кунед;
• Z-index.

Интихоби дигар манзилҳо низ муҳиманд, онҳо бисёр донишҳоро барои ҳалли мушкилот бо истифодаи CSS "матн дар марказ" талаб мекунанд.

Қоидаҳои марказонидашуда ва ҳамоҳангӣ

Қоидаҳои CSS пурра ҳуҷҷати HTMLро пурра мекунанд, вале бе қоидаҳо, охирин метавонад ҳар гуна муносибати мувофиқро ба амал орад. Миқдори васеътари дастгоҳҳои мобилӣ ва барҳам додани дизикӣ дар самти соддатарин ва "решаканӣ" масъалаи ҳалкунанда аст, дар ҳоле, ки дигар муносибат аксар вақт арзиш дорад.

Элементҳои асосии саҳифа блокро бо тарзи муайян тасвир мекунад. Қоидаҳои ҳамоҳангии уфуқӣ: матн-хатои қабул, чуноне, ки аллакай рӯй дода буд, танҳо 4 арзишҳо (чап, марказ, рост, асоснок) қабул карда метавонад. Шумо метавонед бо ҳамҷоя кардани қиматҳои баланд ва қоидаҳои сатри баландсифат мувофиқат кунед:

{{
Баландӣ: 88px; // дар чунин таносуб
Баландии сатр: 88px; // CSS барои Маркази матн - амудӣ
}}

Шумо метавонед бо қоидаҳои дигар озмоиш кунед. ; ҷадвал, намоиш: миз-мобилӣ ва амудӣ азизамон Манбаъњои ёд бораи таъбири қоидаҳои экран басташавӣ пайдо миёна; Аммо на ҳама вақт кор мекунад.

Матнро бо ҷадвалҳо мутобиқ кунед

Сохтори ягонаи маълумоте, ки аввалин шуда фаҳмид ва ҷовидона зиндагӣ мекард, миз аст. Он ҳам ҳам ҳамоҳангсозии амудӣ ва уфуқӣ дорад, илова бар ин, саволе, ки чӣ тавр ҷойгиркунии матн дар маркази CSS ҷойгир аст, ҳангоми истифодаи ҷадвалҳо барои арзиши мураккаб қатъ мегардад.

Истифодаи таҷрибаи пешқадами истифодаи CSS қоидаҳо барои ноил шудан ба ҳадаф дар фарогирӣ ҳаргиз мутобиқати консепсияи варақаҳои услуби такроршударо қонеъ намекунад. Ҳеҷ чиз ба таҳиягарро аз маркази дилхоҳ ба воситаи ҷойгиркунии мундариҷаи мизони се сутум ва се сатрҳо пешгирӣ мекунад.

Ин ҳалли стандартӣ нест, вале самаранок аст. Ба ҷои ба таври тӯлонӣ ва боэҳтиётона ҳал кардани проблемаи вебсайти браузер ба саҳифа ё рақамҳо дар чапи рост, чап ва ғайра, шумо метавонед арзишҳои фоизии паҳнои ҳуҷайраҳо ва баландтаринҳо дар ҷадвалҳо истифода баред.

Ҳамроҳ бо JavaScript

Саволи «Чаро ба ҷои матни маркази дар HTML» алгоритми ҳалли ибтидоӣ, забони браузери ва дорои як тарҳи хеле бештар амалӣ ва тамошобоб.

Тарҳрезии файлҳои стандартиро аллакай барпо карда шуда, қариб ҳар як системаи идоракунии сомонаи худфаъолият барои ҳар гуна ҳолатҳо таҳиякунандагон таҳия мекунад. Аммо ҳаёт ҳамеша аломати хосиятро талаб мекунад: мо бояд ҳар вақт аз хати каҷ барои дидани матн дар маркази CSS ҷойгир карда шавад. Интихоби мақсад барои мутобиқати мақсадҳо дар блоки "баста" ба тарафи саҳифа, ва аз ин рӯ ба андозаи тағирёфта, эҳтимолияти блоки менюи болотаре, ки аз унсурҳои гуногун сохта шудаанд, мувофиқат намекунад.

Маркази диданашаванда ҳамеша танҳо як блок аст, ки дар он аввалин маълум маълум аст, ки чапи рости чап ва чанд pixel ба рост, ки дар он боло аст, кафолат дода намешавад, ки қаъри сарҳади он бо усули амудии амудӣ иҷро карда мешавад.

Ҳеҷ гуна тамоюл вуҷуд надорад, ки тарзи бояд аз рӯи мундариҷа муайян карда шавад. Ба таври васеъ, сайтҳо иттилоотро ба меҳмонон мерасонанд, ҳамоҳангии визуалӣ ва садо танҳо илова ба матни муқаррарӣ аст. Ин рамзҳое, ки муҳтавои заруриро доранд (ин ба сайтҳои тасвирӣ, рангҳо, мусиқӣ ва ғ. Истифода намебаранд) - ин саволест, ки барои меҳмонон зарур аст.

Хусусиятҳои матн ва HTML

Он рӯй дод, ки унсурҳои номаълуми мазмуни саҳифа матн, на калима аст. Semantics қобилияти таҳиякунанда (соҳиби сайт) мебошад. Дар асл, матн метавонад на танҳо бо як аломат, балки ҷавоби табиӣ на танҳо як рамзҳо, балки пайдарпаии аломатҳои дорои рамзҳо бошад. Аз ин рӯ, пас аз он, "матни марказии" CSS "танҳо" дар ҳолатҳои оддӣ ҷойгир карда мешавад.

Интишори сервер бо дархости браузер хеле боэҳтиёт аст ва дорои якчанд унсурҳо аст, ки ҳамеша ба он чизе, ки намоиш дода мешаванд, мувофиқат мекунанд. Ҳангоми таҳияи таркиби саҳифа, муҳим аст, ки диққатро дар қисми пешниҳоди иттилоот, махсусан, ҳамоҳанг намоем. Мумкин аст, ки дар сервер коре, ки дар клиент аст, дар браузер кор кунед. Ба қоидаҳои CSS ҳаргуна такя накунед, самтгирӣ ба натиҷаҳои ниҳоии амалан хеле зиёд аст.