Html 页面顶部三个等距徽标的跨浏览器解决方案

我的网站上有3个徽标。这些要求是：

• 第一个应该在左上角
• 第二个应该在右上角
<第三】应该在两个标志的中间，与它们相等的距离。

我不是CSS方面的专家，我尽了最大的努力，但毫无结果。我设法使前两个徽标左右浮动，但对于第三个徽标，我使用了

边距

和

绝对位置

，这并不像我认为的那样是一个好的解决方案：当调整浏览器大小或更改设备或浏览器时，它的位置不好

我正在使用的代码：

<img src="images/logo2.png" width="150" height="215" style="float:right">
<img src="images/logo3.png"  height="70" style="margin:10px 620px 10px 0; position: absolute">
<img src="images/logo1.png" width="133" height="235" style=" float:left;">

请帮助我找到解决这个问题的办法，我们将不胜感激

再次感谢。

试试这个：

<div style="text-align: center;">
  <img src="images/logo2.png" width="150" height="215" style="float:right">
  <img src="images/logo3.png"  height="70" >
  <img src="images/logo1.png" width="133" height="235" style=" float:left;">
</div>

只要图像宽度之和小于主体宽度，这就应该有效

---

否则，您应该像“完成”一样使用图像宽度的百分比值。

它正在工作。非常感谢您的快速和聪明的帮助。您提供的最后一句话非常重要，我如何根据设备设置图像的宽度。使用百分比？？？@Sirko请阅读并删除该链接中的

kbd

标记。@whiteletsandblanks请参阅。百分比应该很好。@whiteletsandblank空格你是什么意思？