Есть ли способ, чтобы изображение было высотой соседнего текста?CSS

Разбираемся в CSS
Anonymous
Есть ли способ, чтобы изображение было высотой соседнего текста?

Сообщение Anonymous »

У меня есть изображение слева, которое всегда является квадратным, и немного текста справа (оно может быть одним или множественным, это зависит). Сделать его больше, чем текст. < /p>
Мой вопрос был помечен как дубликат этого вопроса. Проблема с ответом заключается в том, что после определенной ширины появляется растущее белое пространство между изображением и текстом, которое не является предполагаемым поведением. Я хочу, чтобы изображение и текст были без места, всегда рядом друг с другом.

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



[img]https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d[/img]
           alt="Sample"
class="absolute inset-0 w-full h-full object-cover" />



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.



Это работает, но текст частично находится под изображением:

. Текст. Изображение снова меняет Dimesnions, что делает невозможным быть должным образом выровненным.
Есть ли стандартные и чистые решения таких проблем?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... oring-text

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