好吧所以我是CSS
的初学者,我不知道这个问题的标题是否与我想知道的一样。我在我正在制作的网站上这个:
这个方框包含产品的特色图片。现在图像是一个矩形,我想在一个正方形中显示它。如果礼服切断但是女孩的脸需要显示也没关系。
所以我的问题是我有什么方法可以将这个图像中心点移动到左上角?如果我没有说明您需要其他信息,请随时问我。
这是这张图片所在的div的名称:
.attachment-post-thumbnail
{
/*what to write here*/
}
答案 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; }
)来强制执行。