@kaidos

Как сделать чтобы один div был справа другой слева и при дублировании они были с новой строки?

Нужно что бы было вот так.
IfHYhvqF41k.jpg?size=1920x1080&quality=96&sign=27a15b4a5451a6100c395bcc94034d6b&type=album
А у меня вот так вот)
8UoNTXi1Hgs.jpg?size=1920x1080&quality=96&sign=f55546a3814de116b85de5811aa61092&type=album
<div class="message_content-bar">

            <div class="message-wrapper">
                <a class="message-to-you">ogfjgfhgfhgfhhf</a>
                <a class="message-to-you">fdhgfhh</a>
                <a class="message-to-you">gfgfhhgfh</a> 
                <a class="message-to-your">fddhlghp</a>
                <a class="message-to-your">fddhhp</a>
                <a class="message-to-you">gfgfhhgfh</a>
                <a class="message-to-your">ogfjgfhgfhgfhhf</a>
            </div>

        </div>


.message_content-bar{
    height: 100%;
    overflow: auto;
    user-select: text;
    padding: 0 10px;
}

.message-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.message-to-you{
    width: fit-content;
    padding: 7px;
    border-radius: 9px;
    background-color: #C4C4C4;
    margin-top: 10px;
}

.message-to-your{
    width: fit-content;
    padding: 7px;
    border-radius: 9px;
    background-color: #C4C4C4;
    margin-top: 10px;
}
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
align-self отвечает за выравнивание конкретного элемента вдоль поперечной оси флексбокса.

Тем, которым нужно направо, задавайте align-self: flex-end
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы