2

ここで明らかな何かが欠けていることはわかっています... DIVの幅は固定されており、画像の幅は固定されています。これはスナップである必要があります...

<style>
  .featured {margin:0 auto;}
</style>
<div style='width:300px;border:solid 1px red;'>
    <img src='http://www.musicalads.co.uk/img/articles/image_64.jpg'
         class='featured' style='width:186px;height:215px;'>
</div>

ここで遊ぶことができます：http://jsfiddle.net/AHjAk/

4

3 に答える 3

5

左/右マージンdisplay: block;を使用して画像を中央に配置する場合は、画像に追加する必要もありますauto

http://jsfiddle.net/AHjAk/1/

于 2013-07-25T02:54:47.337 に答える
3

または、この単純なtext-align:center;コンテナ http://jsfiddle.net/AHjAk/2/を試してください

 <div style='width:300px;border:solid 1px red;text-align:center'>
<img src='http://www.musicalads.co.uk/img/articles/image_64.jpg' class='featured'>
</div>
于 2013-07-25T02:55:11.303 に答える
0

text-align:center画像を中央に配置する親 gif に追加してみてください。

<style>
  .featured {margin:0 auto;}
</style>
<div style='width:300px;border:solid 1px red;text-align:center'>
    <img src='http://www.musicalads.co.uk/img/articles/image_64.jpg'
         class='featured' style='width:186px;height:215px;'>
</div>

そして、その親 div 自体を中央に配置したい場合は、体にtext-align:center.

于 2013-07-25T02:57:48.197 に答える