До сега, СГО е било проблем, че той работи предимно по една ос. В зависимост от контекста, може да е вертикална или хоризонтална ос. И това е чудесно за стека на блокови елементи (подредени една зад друга), като например:
езика: блок; ширина: 100%;
Пътека блок и блок елементи с полета
Елементите, които са обявени за вградени блок или блок може да бъде подравнен хоризонтално центрирани с ляво и дясно граници (марж), които се изчисляват автоматично:
езика: блок; марж-наляво: автоматичен; марж-надясно: автоматичен;
Използването на маса Layout
Най-лесният и най-бързият начин да получите елемент центриран вертикално - да направим клетка в таблицата елемент: например, с помощта на дисплея: маса и дисплей: маса-клетка и приложите стил с вертикално подравняване: средна;
Ако центрирате елементи, използвайки CSS 2D трансформация, а след това на потребителите, които за съжаление остана в стари браузъри (причината за това: те не искат или не могат да бъдат актуализирани или поради ограничения на компанията, в която работят) няма да бъде обслужен. За тях, вашият сайт няма да се появи правилно. Но можете да използвате резервния вариант - например, да се използва за откриване на Modernizr липсата на CSS трансформира и да използват алтернативни методи за постигане на същия ефект върху браузъри, които не поддържат тази технология.
За да подкрепи потребителите, базирани на WebKit, ще трябва да се използва префикса специално за браузъри на този двигател, т.е. -webkit-. Това е малко странно, защото версии на Internet Explorer, и то е 10 и по-горе, поддържа трансформиращите собственост, без да се налага да префикс -MS.
В допълнение, можете да подкрепят идеята за постепенно влошаване (отказоустойчивост клиент уеб интерфейс) и постепенното подобрение (прогресивно подобрение), които позволяват на потребителите да използват визуално несъвършена, но напълно функционален уеб сайт.
Свързани статии