0 
#sponsors { 
  float: right; 
  display: inline; 
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
}

<div id="sponsors">
   <a href="#"><img src="images/sponsors/1.png"></a>
   <a href="#"><img src="images/sponsors/2.png"></a>
</div>

これで画像をdivの右側に移動することはできませんが、div align="right"は機能します。

css3を使用して画像を右側に設定するにはどうすればよいですか?

4

3 に答える 3

2

を変更しdisplayてblock追加text-align:right

#sponsors { 
  float: right; 
  display: block; /* or remove this line, as block is default for div */
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
  text-align: right;
}

aと a が指定された要素では、表示inlineはあまり意味がありません。ブラウザがあなたを尊重することを望んでいると思いますので、デフォルトで暗示される要素であるため、完全に削除する必要があります。次に、div 内の要素を右揃えにする必要があります。これは、 を適用して行います。widthheightwidthheightdisplayblockdivdisplay:blocktext-align

于 2013-01-30T14:03:45.863 に答える
0

画像自体をフロートするか、画像の親要素のテキストの配置を変更する必要があります。

フローティング：http ：//jsfiddle.net/MAz4Q/1/

#sponsors { 
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
}

#sponsors img {
    float: right;
}

調整済み：http ：//jsfiddle.net/MAz4Q/2/

#sponsors { 
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
  text-align: right;
}
于 2013-01-30T14:12:54.387 に答える
0

これを試して：

#sponsors a img {
  float:right;
}

現在、スポンサー div 内の画像ではなく、スポンサー div を右にフローティングしています。画像をターゲットにして浮かせれば、うまくいくはずです。

于 2013-01-30T14:07:49.643 に答える