1

私のウェブサイトには3つのロゴがあります。要件は次のとおりです。

  • 最初は左上にあるはずです。
  • 右上にあるはずの秒。
  • 3 分の 1 は 2 つのロゴの中間に位置し、それらから等距離にあります。

私は CSS の専門家ではありません。最善を尽くしましたが、役に立ちませんでした。最初の 2 つのロゴを左右に浮かせることができましたが、3 つ目のロゴについては and を使用margin して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 に答える