水平缩进文本和图像的数量相同

时间:2014-09-11 18:49:10

标签: html css html5

描述我想要做的事情有点难,所以看看这个小提琴: http://jsfiddle.net/GinSan/g8mmdcuw/

如您所见,文本围绕图像流动,但从图像下方的左侧开始。我希望文本保持缩进级别,即使它的高度优于图像的高度。底部的图像也应该像这样,因此文本和图像都将从左侧缩进图像宽度加上它的左右边距。 只是增加图像的下边距可能会起作用,但是如果文本太短,它会将其下面的所有内容推到底部,它必须使用不同的文本长度。

我完成了通过添加以下内容将文本缩进保持在一个级别:

p.memberlist_descr {
width:70%;
float:left;
}

但是,由于文本现在具有已定义的宽度,因此它不适用于较小的屏幕。此外,这对下面的小图片没有影响。

如果文本长度和周围框的宽度都未知,有没有办法实现这一目标?

0 个答案:

没有答案