CSS дагы эле көпчүлүгүбүз үчүн чаташып турат: анын жүздөгөн начар аталган касиеттери бар, алардын ар бири натыйжага интуитивдик эмес жол менен таасир этиши мүмкүн. Вебди иштеп чыгууда элементтердин вертикалдуу жайгашуусу татаал жана буга чейин көп учурда баш ооруну жаратчу. Бирок бактыга жараша ал күндөр артта калды.
Ишенүү кыйын: 2024-жылы CSSтин бир сызыгы менен каалаган натыйжага жетүү мүмкүн болот:
0f1273b25d9806459716
0f1273b25d9806459716
Мурда адамдар бир эле натыйжага жетүү үчүн ар кандай башка варианттарды колдонушкан:
Flexbox
0f1273b25d9806459716
Абсолюттук жайгаштыруу
0f1273b25d9806459716
Inline блок
0f1273b25d9806459716
The Тегиздөө мазмуну үчүн браузердин колдоосу азыр абдан жакшы жана эскирген ыкмаларды колдонуу үчүн мындан ары жакшы аргумент жок. Бул тапшырма үчүн мындан ары Flexbox керек эмес жана бала элемент өзүнчө болбошу керек (жогорудагы мисалдан айырмаланып). div киргизилет. Ондогон жылдык прогресстен кийин CSS азыр вертикалдуу борборлоштурууну башкаруу үчүн бир гана касиетке ээ болгону таң калыштуу.