在HTML页面上并排显示两个图像

Question

我试图并排放置两张相同尺寸的图像.如果我使用a table然后我能够并排显示两个图像.但是在我的CSS样式表中,我使用表格的自定义格式,这也显示在包含图像的页面上.

我想只显示两个图像,没有任何自定义背景,边框等.

我尝试使用div,span,ul及li(等),但在每种情况下失败.

1. 如何在一行中放置两个(相同大小)的图像,而不使用table？

2. 如果我必须使用table相同的,那么如何使用CSS为我的表使用两种(或更多种)不同的格式？

Answer 1

你可以这样做:

<style type="text/css">
  .left{float:left;}
</style>

<img class="left" src="path here" />
<img class="left" src="path here" />

Answer 2

1. 你有没有尝试过float:left？
2. 将不同的类附加到每个表，然后在你的 css 中：

.table_one {
    背景颜色：#CC0000；
}

.table_two {
    背景颜色：#00CC00；
}