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

我试着将两张同样大小的图片并排放置。如果使用

表格

，则可以并排显示两幅图像。但是在我的CSS样式表中，我为表使用了一种自定义格式，这也显示在包含图像的页面上

我只想显示没有任何自定义背景、边框等的两幅图像

我尝试使用

div

，

span

，

ul

，

li

（等等），但每次都失败了

如果不使用

表格

，如何在一行中放置两个图像（大小相同）

如果我必须使用

table

进行相同的操作，那么如何使用CSS为我的表使用两种（或更多）不同的格式

您是否尝试过浮动：左

将不同的类附加到每个表，然后在css中：

表1{ 背景色：#CC0000； } 表二{ 背景色：#00CC00； } 你可以这样做：

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

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

.left{float:left；}

使用

浮动：左你说你找到了一点左边距，所以你可以试试这个

.left{
    float:left;
    margin:0;
    padding:0;
}

这可能是边距或填充的原因。或者你应该使用body标签，比如

body{margin:0;
padding:0;
}

那么你就不需要写
margin:0；填充：0
通常，表格是在所有情况下都有效的唯一方法。根据这两个图像在HTML中的位置，可能有更好的方法，但这取决于具体情况。是否已有包含这两个图像的元素？该元素的布局属性是什么

更改表属性的CSS样式表是一件坏事。应该只设置一类表（使用table.className）或一个特定表（使用table#id）的属性。如果无法更改样式表，则必须修复它对特定表造成的损坏

为此，请找出样式表在您身上更改了哪些属性，然后通过为您的表发布CSS规则（带有table.className或table#id的规则将覆盖更一般的规则）（首选）或使用内联样式将属性硬编码为HTML（如果您只有一对这样的样式，可以快速修复）
 基本上，您要做的是将两个图像源标记放在一行代码中，彼此紧挨着。像这样

<img src="hi"><img src="hey">

您可以使用
float:left

html:

只要这样做：

<img src="path/image.ext" /><img src="path/image.ext" />

根据您的需要，每个解决方案都可能有所不同。所以，在你们试过之前，先发布你们的代码。我们只是想清楚，我试过使用float:left。另外，我忘了在我的原始问题中提到，但是当我使用“表格”时，它会增加一个小的左边距，我想在显示图像时避免这种情况。你不能为列表设置样式以进行概括，或者如果你真的只需要两件事，那么就使用样式化的div吗？感谢代码，它可以工作，并解决了图像不能并排显示的问题。
<div id="row">
    <img class="left" src="" />
    <img class="left" src="" />
</div>

.left{
    width: 250px;
    height: 250px;
    float: left;
}

//If you don't want margins
body{
    margin:0;
    padding:0;
}

<img src="path/image.ext" /><img src="path/image.ext" />

<style>img {display: inline;}</style>