Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Можно ли задать ширину по соседу?  [new]
Alibek B.
Member

Откуда:
Сообщений: 3015
Есть такая верстка:
<div><img><span></span></div>
Должна быть картинка внутри круга, ниже центра которой размещается плашка с подписью.
Рабочий вариант примерно такой: https://jsfiddle.net/xvwha7kc/
Но в нем жестко задана ширина родительского div, под которую подгоняются дочерние элементы.
А я бы хотел, чтобы ширина задавалась нативными размерами img и могла быть произвольной (в разумных пределах).
Если из стиля для родительского div убрать ширину, то он растягивается под размер img.
Но тогда я не знаю, как задать для внутреннего span такую же ширину, что и img — если я делаю width:100%, то блок растягивается на всю ширину окна и растягивает родительский div.
11 янв 18, 21:03    [21099029]     Ответить | Цитировать Сообщить модератору
 Re: Можно ли задать ширину по соседу?  [new]
Alexander A. Sak
Member

Откуда: Омск
Сообщений: 1009
Например так: убрать ширину и установить display.

.circle-box {
	position: relative;
	display:inline-block;
}
11 янв 18, 21:31    [21099090]     Ответить | Цитировать Сообщить модератору
 Re: Можно ли задать ширину по соседу?  [new]
Alibek B.
Member

Откуда:
Сообщений: 3015
Да, с шириной получилось, спасибо.
11 янв 18, 21:45    [21099118]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить