Показать сообщение отдельно
  #1 (permalink)  
Старый 16.11.2018, 16:06
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Динамические отступы в блоке
Есть конструкция
<style>.content {width:100%}
<div class="content">содержимое</div>


Как сделать такое? Логику понимаю, в js знания стремятся к нулю

Логика работы
Внутри блока content есть содержимое для которого необходимо установить равные отступы слева и справа в зависимости от ширины окна браузера

Событие должно работать при изменении размеров окна. Window.resize

Алгоритм выравнивания такой
1.Получаем ширину Content (вероятно InnerWidth)
2.Получаем ширину окна(Window)
3.Переменная1 = Ширина окна - Ширина Content
4.Переменная2 = Переменная1 / 2
5.Присваиваем блоку Content значения CSS
Padding-left:Переменная2;Padding-right:Переменная2;
Ответить с цитированием