Как да центрирате Div

Съдържание:

Как да центрирате Div
Как да центрирате Div

Видео: Как да центрирате Div

Видео: Как да центрирате Div
Видео: Выравнивание блока по центру экрана на CSS по горизонтали и вертикали 2024, Март
Anonim

Съвременните стандарти за оформление на страници не забраняват използването на оформление на таблици, но слоевото оформление всъщност се превърна в задължителен стандарт при създаването на сайтове. В допълнение към очевидните предимства, заместването на оформлението на масата донесе някои нови големи и малки проблеми. Едно от тях е хоризонталното подравняване на блоковата структура в страницата. Нека разгледаме няколко практични начина за задаване на слоя в центъра на ширината на страницата.

Как да центрирате div
Как да центрирате div

Необходимо

Основни познания по HTML

Инструкции

Етап 1

Една от опциите за решаване на проблема с подравняването на слой (блок DIV) към центъра на прозореца на отворена страница се заобикаля само с помощта на HTML (HyperText Markup Language - „хипертекстов език за маркиране“). Трябва да поставите блока вътре в маркера. Най-простият код на страница, изложен по този начин, може да изглежда например така:

Подравняване на DIV към центъра

Стъпка 2

Друга опция използва CSS (Cascading Style Sheets). В стила на подравнения слой трябва да зададете автоматичното откриване на размера на отместването от границите на прозореца. Кодът на такава страница в най-простата й форма може да бъде например по следния начин:

Подравняване на DIV към центъра

Препоръчано: