Question

求一个html网页图框的代码，跪求详情内详……愁死我了，但是高手肯定易如反掌！

我这里有一个需要贴图的网页需要加统一的图框，网页相当很简单，我简单说说高手就懂了——
我这里有图片40个jpg，需要按照每行2个一共20行的方式排列在一个网页上。由于尺寸不统一（有的是350*210的 有的是320*240的，有的是250*250的，还有300*150的 等等，但都是400*400以内的尺寸），如果按原始的方式堆叠肯定参差不齐很杂乱。所以现特别跪求一个图框的代码，图框大小设定为400*400并且边框设定为2像素粗的黑色框，每行两个图框，然后让这些杂乱的图片无论尺寸是多少，一律分别以上下左右居中的方式按其原尺寸放到每个图框里，图片保持原有的大小既不拉伸也不做任何尺寸调整，一个萝卜一个坑各就各位。就是跪求这样一个代码格式就可以了，小弟在此大哭跪谢高手了！

Answer 1

<div class="imgboder">
<!--循环-->
<div id="img" style=" margin:2px 2px 2px 2px; border:#000 solid 1px; width:400px; height:400px; float:left; overflow:hidden;">
<img src="lazyload/ad1.jpg" style="margin:2px 2px 2px 2px;"/>
</div>
<!--循环-->
</div>
循环里面的就可以了
打的好累的哈，用的好好记得采纳哈

追问

代码很好 就是我想要的。但是有个问题，这样的图 图并不是在框内上下左右居中的，我输入了 代码 但是图片只是在框内左右居中，但是还是顶着上边框没有上下居中。跪求小图在大框内相对上下左右边框居中的代码

追答

<!--代码开始-->
<div class="in-qq in-box">
  <dl>
    <dd><a href="" target="_blank"><p><img src="lazyload/ad1.jpg" /></p></a><i></i></dd>
    <dd><a href="" target="_blank"><p><img src="lazyload/ad1.jpg" /></p></a><i></i></dd>
    <dd><a href="" target="_blank"><p><img src="lazyload/ad1.jpg" /></p></a><i></i></dd>
  </dl>
</div>
<!--代码结束-->

样式看附件，用好记得采纳哈

Answer 2

第一个回答。图片设置成背景，如果开发程序的话，不同的图片样式写都写不过来。。而且居中也不需要js。。可以下载附件看看我的代码。

Answer 3

别急，稍等，给你做！（P.S.不是高手也能做，比如我，呵呵）

追问

太感激您了 我在线等！请问我有没有描述不清楚的地方呢？ 我表达能力很差的，小学语文没学好。

追答

看看是不是这个效果

追问

对的 没错！ 就是这个效果呢！ 边框黑色的 400*400的尺寸 ，里面的图无论多大多小，都是一个萝卜一个坑地放进去，既不拉伸也不做任何尺寸调整就可以了。（图片全都是小于400*400尺寸的 所以不必采用自适应处理）

追答

代码给你：（需要讲解的找我，图片跟html文件放一个里面就行。链接自己在p1/p2/p3....里面自己修改就成）把附件下载下来跟html放一个目录里面。我用的是jquery。