不同页面上的不同图像边距

时间:2015-07-28 作者:ChristianUlle

我正在我的网页上工作,在那里我有一些关于啤酒的描述。这两个例子是:http://www.xn--l-klubben-k8a.dk/beers/trappistes-rochefort-10/http://www.xn--l-klubben-k8a.dk/beers/esrum-kloster-oel/

我的目标是对齐所有文本,以便文本不会环绕图像。但由于不同的页面上有不同数量的文本(就像两个链接一样),我无法在图像后设置固定的页边距底部,这只适用于一张图片。

有没有办法做到这一点,这样我就不必依赖不同的图像大小和不同数量的文本?有没有可能使用CSS?

1 个回复
最合适的回答,由SO网友:Aibrean 整理而成

你需要重新编码你的CSS。

因为你在自己的容器里有自己的啤酒形象,这很有帮助。

但您需要调整CSS:

.beer-description{
   float: left;
   width: 70%;
  }
您可以根据需要进行调整。

为了不担心图像大小,您应该在beer-image 容器,然后在.beer-image img

结束