html图片充满包裹层,html – 包裹图像时的CSS段落最小宽度

考虑以下CSS /

HTML：

img.text-wrap-left {

float:left;

}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a ultrices est. Morbi semper enim sit amet feugiat fermentum. Phasellus odio lorem, finibus sit amet nibh ut, lobortis scelerisque nisl. Vestibulum mattis, ligula vitae sodales maximus, metus arcu egestas ex, non ullamcorper leo metus et mi. Integer libero justo, commodo a augue et, tempus aliquam leo. Donec ac ex aliquet, auctor erat sit amet, gravida metus. Duis vel condimentum dolor. Maecenas id consequat massa, vel dictum turpis. Cras dignissim aliquet mauris eu facilisis. Donec malesuada arcu in nulla commodo aliquam.

Nunc in est eget justo fringilla blandit. Morbi leo nisl, sagittis nec nulla ut, accumsan tristique orci. Praesent quis nisl pharetra, tempus nisi ornare, laoreet velit. Aliquam at dolor at eros elementum rutrum. Quisque tincidunt tincidunt nisi id porta. Cras hendrerit egestas leo, sed ultrices lorem dapibus et. Duis consectetur nisi eget ligula condimentum malesuada. Sed venenatis nisi id facilisis vestibulum. Nam tristique massa quis ornare blandit. Vivamus lobortis orci velit.

调整视口大小时,文本将在图像的右侧包裹,但也会变得非常窄,甚至只有几个字母.

是否可以在段落完全位于图像之前指定文本的最小宽度,所有这些都不会牺牲填充和边距？

在这个例子中,一个简单的解决方案是添加媒体CSS条件,并告诉图像显示：block;在一定的宽度.问题是这只是一个例子;我的问题是与文本一起使用的图像可能具有可变宽度(即它们是用户定义的),我正在寻找响应式解决方案.

有任何想法吗？