html - HTML/CSS 段落中断，保留
完全有或没有浮动图像
问题描述
我有一个浮动的图像/文本部分：
<div>
<img style="margin: 0 10 10 10;float: left;" src="img/index.png"/>
<p>...<br/>...</p>
<p>...<br/>...</p>
...
</div>
第一个 <p> 正确地位于图像旁边。根据 <p> 数量/长度，图像和屏幕尺寸随后的 <p> 可能（也可能不）“适合”（整体上）与图像并排。
我正在寻找一个解决方案（基于 css 的首选），其中任何不完全适合图像的 <p>（除了第一个）都放在它下面（即，除了第一个，<p>'s do not break' 开始在图像下方包裹 'part way through'）。