⭐ 0
🔍
Текст Слика ПДФ и документи Аудио Музика Електроника Време Комуналне услуге Валидатори Езотерично Игре

ЦСС Флекбок Навбар — Лого лево, везе десно

Визуелно направите ЦСС флекбок изглед: флек-дирецтион, јустифи-цонтент, алигн-итемс, флек-врап и гап на контејнеру, плус флек-гров по детету, флек-схринк и флек-басис, све са прегледом уживо и ЦСС-ом који се може копирати.

Обрада... 0%

Резултат

Ова страница отвара унапред подешени флекбок генератор на класични изглед навигационе траке: јустифи-цонтент постављен на размак између и алигн-итемс постављен на центар. Ставите лого у први оквир и ред навигационих веза у последњи (или поделите везе на средње оквире) и флексбок контејнер их гура на супротне крајеве траке, док све ставке држе поређане у истом вертикалном центру, без обзира колико је висок логотип или текст везе.

размак између је оно што чини ово функционисањем: причвршћује прво дете на почетну ивицу, а последње дете на крајњу ивицу, а затим равномерно распоређује сву преосталу децу између њих — управо леви лого, десни линкови обликују скоро свако заглавље сајта које користи. алигн-итемс: центар затим решава вертикално поравнање за које су некада били потребни хакови на висини линије или трикови за приказ ћелија табеле.

Подесите број деце тако да одговара вашој стварној навигационој траци — две кутије за голу траку са логотипом и ЦТА, више за лого плус неколико веза — и гледајте како се распоред прилагођава уживо. Копирајте ЦСС блок када се поклопи са вашим заглављем или отворите унапред постављени размак између ако желите да видите то једно својство у поређењу са његовим блиским сродницима.

🛡️
Извршено у претраживачу

Ваши фајлови и улази никада не напуштају овај уређај. Обрада се одвија потпуно ван мреже. 100% безбедно.

Прихваћени формати и правила

  • Контроле контејнера: флек-дирецтион, јустифи-цонтент, алигн-итемс, флек-врап и унос празнине у пикселима, примењен уживо на преглед.
  • Подразумевано су три дечја кутија означена бојама (додајте до осам, уклоните на два), сваки са сопственим пољима флек-гров, флек-схринк и флек-басис.
  • ЦСС блок који се може копирати са правилом .флек-цонтаинер плус једним правилом .флек-итем-Н по детету које има неподразумевана флек својства.

Кључне предности

✓ Свака контрола контејнера и флек-гров, флек-схринк и флек-басис сваког детета ажурирају три нумерисана поља за преглед уживо, тако да видите тачно шта ваша флекбок правила раде пре него што додирнете листу стилова.
✓ Генератор штампа само подређена правила која се заправо разликују од ЦСС подразумеваних вредности, тако да копирани код остаје кратак и читљив уместо да поново поставља флек-гров: 0 на сваком пољу.
✓ Унапред подешене странице решавају распореде које људи траже по имену: центрирање дива, логотип-леве везе-десна навигациона трака и флексибилне колоне једнаке ширине — отворите један и алатка је већ конфигурисана.

Случајеви употребе

  • • Набавите тачан ЦСС за центрирање див и хоризонтално и вертикално гледајући јустифи-цонтент и алигн-итемс како раде на оквирима за преглед уживо.
  • • Направите изглед навигационе траке са леве стране, линкова и десних са размаком између и поравнајте ставке: у средини, а затим копирајте ЦСС контејнера директно у компоненту заглавља.
  • • Упоредите простор-између, простор-около и простор-равномерно једно поред другог на иста три поља уместо да погађате који од њих одговара размаку који желите.