Как сверстать также?

161
21 июня 2018, 21:40

подскажите, как сверстать также кнопку и то что под ней, используя флексбокс, без position: absolute нужно чтобы кнопка была по центру страницы, а начало строки ниже равнялось по левой стороне кнопки.

Answer 1

Нужно сделать что-то типа такого:

.social { 
  display: flex; 
  justify-content: flex-end; 
  align-items: flex-start; 
}
<div class="buttons"> 
  <div class="buttons_row"></div> 
  <div class="buttons_row"> 
    <div class="social"> 
      <div class="social__text"></div> 
      <div class="social__buttons"></div> 
    </div> 
  </div> 
</div>

Вот хорошее руководство по flexbox, в котором можно посмотреть как вертикально выравнивать элементы.

READ ALSO
размытие текста при использовании transform translate 3d

размытие текста при использовании transform translate 3d

Есть слайдер slick в нем элементы перемещаются с помощью transfrom translate 3d но при этом в блоках размытый текст если убрать этот трансформ текст нормальный...

235
Как растянуть текст по ширине блока?

Как растянуть текст по ширине блока?

Каким образом можно решить такую задачу?

308
Скачать файл c cайта

Скачать файл c cайта

В результате моего Post метода на странице выводится изображениеКак в представлении и контроллере мне создать кнопку "Скачать" , чтобы при...

198