Сокращение изображения в соответствии с высотой брата [дублировать]Html

Программисты Html
Ответить
Anonymous
 Сокращение изображения в соответствии с высотой брата [дублировать]

Сообщение Anonymous »

Учитывая следующую html: < /p>

Код: Выделить всё

.fancyquote {
display: flex;
align-items: stretch;
}

img {
height: 100%;
object-fit: cover;
}< /code>

[img]https://placehold.co/256x256?text=Author\nPhoto[/img]

Some people have a way with words, and other people...oh, uh, not have way.
Steve Martin

< /code>
< /div>
< /div>
< /p>
Как можно гарантировать, что изображение имеет такую ​​же высоту, что и его брачный див, который включает цитату и цитирование? class = "Snippet">

.fancyquote {
display: flex;
align-items: stretch;
}

.img-wrap {
position: relative;
overflow: auto;
}

img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}< /code>


[img]https://placehold.co/256x256?text=Author\nPhoto[/img]

Some people have a way with words, and other people...oh, uh, not have way.
Steve Martin




Подробнее здесь: https://stackoverflow.com/questions/795 ... of-sibling
Ответить

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

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

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

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

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