Question

对不起，我问了很多愚蠢的问题，但是如何让图像从中心向右移动，或者从中心向左移动1英寸

HTML

<figure class="imgbox">
    <img src="img/1.jpg" height="400px" alt="image01"/>
    <figcaption style="background: rgb(53, 25, 10)">
        <h2><span>Coffe Name</span></h2>
        <a href="#">View more</a>
    </figcaption>           
</figure>

你可以在jsfiddle链接上看到CSS

非常感谢你们。对于像我这样的初学者来说，这是最好的社区：）

Answer 1

我已将imgbox div与grid div分开，并为视觉澄清创建了以下规则

.imgbox{
padding :10px;
margin:10px;
width:400px;
}

img{
width:200px;
height:200px;
}

上面代码的

链接： http://jsfiddle.net/96d7udd7/1/

现在要将图片左对齐，您只需添加float:left;或在左侧添加测量margin-left:13px;

链接：http://jsfiddle.net/96d7udd7/2/

如何在网格框中移动图像？

1 个答案: