Как прижать один элемент по горизонтали вправо с помощью flexbox, не затрагивая остальные элементы?

169
27 января 2019, 04:00

Не могу прижать один блок к правой стороне с помощью флексбокс, помогите.

Кода у меня нет, просто я не знаю как это сделать.

Как управлять одним единственным элементов по горизонтали во flexbox?

Нужно прижать блок header__contacts вправо на медиа запросах

.header__top-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header__navigation {
    flex-grow: 1;
}
.header__contacts {
    color: #fff;
    font-family: 'MuseoSansCyrl-900';
    font-size: 16px;
    background: url(../img/header_contacts-icon.png) no-repeat left center;
    padding-left: 40px;
}
Answer 1

Последнему элементу можно указать margin-left:auto

.c { 
  display: flex; 
  border: 1px solid black; 
} 
 
.el { 
  border: 1px solid black; 
  width: 50px; 
  height: 50px; 
} 
 
.el:last-child { 
  margin-left: auto; 
}
<div class="c"> 
  <div class="el">1</div> 
  <div class="el">2</div> 
  <div class="el">3</div> 
  <div class="el">4</div> 
  <div class="el">5</div> 
</div>

READ ALSO
Несколько JQuery Slider на странице

Несколько JQuery Slider на странице

Подскажите пожалуйста, подключил jqueryuicom/slider на страницу , задал свои настройки, все работает

200
Клик на textblock wpf

Клик на textblock wpf

Как сделать TextBlock кликабельнимНужно соблюдать mvvm концепт, в вюшке бинд на метод или команду в ViewModel

194
C# отловить клик пользователя

C# отловить клик пользователя

У меня такая проблема : мне нужно каким-либо образом отловить клик пользователя и вывести названия объекта в консоле, по какому он кликнулНапример,...

185