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

Разбираемся в CSS
Ответить
Anonymous
 Как я могу выровнять один элемент правильно с помощью flexbox?

Сообщение Anonymous »

https://jsfiddle.net/vhem8scs/

Можно ли с помощью flexbox выровнять два элемента по левому краю, а один — по правому? По ссылке это показано более наглядно. Последний пример — это то, чего я хочу достичь.

Во flexbox у меня есть один блок кода. С плавающей точкой у меня есть четыре блока кода. Это одна из причин, почему я предпочитаю флексбокс.

HTML


One
Two
Three




One
Two
Three



CSS

.wrap {
display: flex;
background: #ccc;
width: 100%;
justify-content: space-between;
}

.result {
background: #ccc;
margin-top: 20px;
}

.result:after {
content: '';
display: table;
clear: both;
}

.result div {
float: left;
}
.result div:last-child {
float: right;
}


Подробнее здесь: https://stackoverflow.com/questions/352 ... th-flexbox
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»