Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.08.2017, 19:51
Аватар для Prolific
Интересующийся
Отправить личное сообщение для Prolific Посмотреть профиль Найти все сообщения от Prolific
 
Регистрация: 01.07.2017
Сообщений: 19

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



Код 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>
Ответить с цитированием
  #2 (permalink)  
Старый 06.08.2017, 20:29
Аватар для Prolific
Интересующийся
Отправить личное сообщение для Prolific Посмотреть профиль Найти все сообщения от Prolific
 
Регистрация: 01.07.2017
Сообщений: 19

Нашел решение. https://ru.stackoverflow.com/questio...BD%D0%BE%D0%B9
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передать ширину окна в iframe winchester007 Элементы интерфейса 1 05.10.2015 08:01
получить ширину блоков vladislav.blinov Общие вопросы Javascript 1 23.10.2014 17:23
jQuery UI Slider изменяет ширину ползунка SkaN2412 jQuery 1 26.11.2012 13:03
определить ширину див тега dadli Общие вопросы Javascript 6 20.02.2012 16:34
Вычислить реальную ширину элемента без его отрисовки archytector Элементы интерфейса 7 12.01.2011 09:26