Question

请问怎么让两张图片并排显示呢？html代码和css

老师你好，两张图片都是，长200px ，宽：80px，
想让它们，居中，并排显示，；此外，第1张，和第2张图片，相差100px，
该如何写的好呢？谢谢！

Answer 1

右侧图片距离左侧图片100px的代码，如果你的100px指的是图片本身高宽相差100，那就直接改img里的高宽即可，src中为图片对应的路径和图片名称：

<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><img src="images/a.jpg" width="80" height="200" /></td>
    <td valign="top"><div style="margin-left:100px;"><img src="images/b.jpg" width="80" height="100" /></div></td>
  </tr>
</table>

追问

谢谢老师！！能再请教下吗？如果是
标签里头，插入，这个table，请问怎么样让它们，居中显示呢。

追答

没什么变化，就是上下多了一些间距，真正的居中代码，在table标签里面，align="center"
这个代码在起作用，所以没什么影响：

<p>
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><img src="images/a.jpg" width="80" height="200" /></td>
    <td valign="top"><div style="margin-left:100px;"><img src="images/b.jpg" width="80" height="100" /></div></td>
  </tr>
</table>
</p>

没什么变化，就是上下多了一些间距，真正的居中代码，在table标签里面，align="center"
这个代码在起作用，所以没什么影响：

<p>
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><img src="images/a.jpg" width="80" height="200" /></td>
    <td valign="top"><div style="margin-left:100px;"><img src="images/b.jpg" width="80" height="100" /></div></td>
  </tr>
</table>
</p>

追问

谢谢！！

Answer 2

HTML