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

【问题标题】：How to move images in a grid box?如何在网格框中移动图像？
【发布时间】：2014-08-13 17:51:58
【问题描述】：

很抱歉，我问了很多愚蠢的问题，但是如何让图像从中心全部向右移动，甚至从中心向左移动 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

非常感谢各位。对于像我这样的初学者来说，这是最好的社区:)

【问题讨论】：

标签： html css image alignment

【解决方案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/

【讨论】：