问题描述
第一张图片被压缩在一个 flex 布局中,我假设这一定是由于右列中的长段落造成的,但不确定是什么原因造成的.
如何解决这个问题,以便图像不会被挤压并且右列应该增长以占用剩余空间?
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel=样式表"><div class="flex p-4"><div class="border"><img class="w-8 h-8 rounded-full" src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&;fit=facearea&facepad=2&w=256&h=256&q=80" alt=""/>
<div class="flex-col"><div class="font-medium cursor-pointer hover:underline">Duncan Smith</div><p class="flex-shrink-0 border-gray-300">apwijd pawid jpawid jpwai jdpwai jdpawi jdpaw idjpwa idjapwi jdpawi jdpiaw jdpawi jdpawi jdpawi jdpawi jdpawi jdpaiw jdpawi jdpaiw jdpaiw jdppid&ww jdpaiw jdpiaw