需要有关html / css编码的建议

Question

我知道这是一个简单的问题，但我似乎无法理解它，有人可以告诉我如何将图像排列在3xgrid中和/或放入大盒子中吗？

这是代码 - http://jsfiddle.net/kommandoss/YuRpU/21/

谢谢

Answer 1

float:left或display:inline-block。

#deck>div{
    display:inline-block;
}

小提琴： http://jsfiddle.net/YuRpU/24/

Answer 2

将float：left添加到img样式声明

img{ cursor: pointer; float:left;}  

小提琴：http://jsfiddle.net/YuRpU/22/

Answer 3

div是一个块元素，因此默认情况下占用整行。

你所要做的就是让它们显示内联或删除额外的

<div>
    <img src="" alt="" />
    <img src="" alt="" />
    <img src="" alt="" />
</div>
<div>
    <img src="" alt="" />
    <img src="" alt="" />
    <img src="" alt="" />
</div>

Answer 4

你需要浮动内部div以使它们换行，看看http://jsfiddle.net/YuRpU/23/。