如何将div中的图像稍微移动到底部

时间:2017-06-02 22:26:36

标签: html css

好吧所以我是CSS的初学者,我不知道这个问题的标题是否与我想知道的一样。我在我正在制作的网站上这个: enter image description here
这个方框包含产品的特色图片。现在图像是一个矩形,我想在一个正方形中显示它。如果礼服切断但是女孩的脸需要显示也没关系。
所以我的问题是我有什么方法可以将这个图像中心点移动到左上角?如果我没有说明您需要其他信息,请随时问我。
这是这张图片所在的div的名称:

.attachment-post-thumbnail
{
 /*what to write here*/   
}

根据评论,此处的代码为:enter image description here enter image description here

1 个答案:

答案 0 :(得分:2)

我认为图像被定义为容器.attachment-post-thumbnail的背景图像。

此时背景图片的大小很可能设置为cover,而中心位置设置为" (即水平和垂直)。

因此,您仍然可以使用background-size: cover,但将background-position: center top;添加到.attachment-post-thumbnail规则,该规则应将图片的顶部与其容器的顶部对齐。如果这不起作用,您可以尝试添加!important(即.attachment-post-thumbnail { background-position: center top !important; })来强制执行。