1

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

  • 第一个应该在左上角。
  • 一秒钟应该在右上角。
  • 第三个应该在两个徽标的中间，距离它们相等。

我不是 CSS 专家，我尽了最大努力但无济于事。我设法使前两个徽标在左右浮动，但对于第三个，我使用margin and absolute position，我认为这不是一个好的解决方案：在调整浏览器大小或更改设备或浏览器时，它的位置不好.

我正在使用的代码：

<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;">

请帮助我找到解决此问题的方法，我们将不胜感激。

再次感谢。

4

1 回答 1

2

试试这个：

<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>

示例小提琴

只要图像宽度的总和小于主体宽度，这应该可以工作。

否则，您应该使用此处完成的图像宽度的百分比值。

于 2013-04-27T17:00:16.957 回答