X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Флекс изменяет фиксированную ширину
Prolific
Prolific
Topic Starter сообщение 6.8.2017, 21:04; Ответить: Prolific
Сообщение #1


Всем хай. Есть блок комментария, он флексовый, в нем два блока, один под картинку, другой под текст. Картинка должна быть строго круглой 100x100px. Она получается овальной. Т.е. сжимается по ширине. Как это исправить? flex-basis дает такой же результат как и width.

[img]http://i.imgur.com/brCbLkh.png[/img]

Код SASS:
.item {
    border: 2px dashed black;
    flex-basis: 40%;
    display: flex;
    .comment_img {
        background-color: green;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        margin-right: 20px;
    }
    .text {
        background-color: blue;
        hr {
            width: 40px;
            margin-right: 100%;
            border: 1px solid #f38181;
        }
        color: #fff;
    }
}


Код HTML:
<div class="item">
<div class="comment_img"></div>
<div class="text">
<span class="name">Mattew Dix</span>
<span class="descript">Graphic Design</span>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, dicta.</p>
</div>
</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Prolific
Prolific
Topic Starter сообщение 6.8.2017, 21:31; Ответить: Prolific
Сообщение #2


Нашел решение. https://ru.stackoverflow.com/questions/4734...%BD%D0%BE%D0%B9

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:54
Дизайн