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

问题描述

我正在尝试并排放置两个大小相同的图像.如果我使用 table 那么我可以并排显示两个图像.但是在我的 CSS 样式表中，我为表格使用了自定义格式，这也显示在包含图像的页面上.

I am trying to place two images of the same size side-by-side. If I use a table then I am able to display both images side-by-side. But in my CSS Stylesheet I am using a custom format for the table and this shows on the page containing the images, too.

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

I want to just display both images without any custom background, border, etc.

我尝试使用 div、span、ul &li(等等)但在每种情况下都失败了.

I tried using div, span, ul & li (etc.) but failed in each case.

1. 如何在不使用table的情况下在一行中放置两个图像(大小相同)?

1. How can I place two images (of the same size) in a single line, without using a table?

如果我必须使用 table，那么我如何使用 CSS 为我的表格使用两种(或更多)不同的格式?

If I have to use table for the same, then how can I use two (or more) different formats for my tables using CSS?

推荐答案

你可以这样做:

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

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

这篇关于在 HTML 页面上并排显示两个图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！