在写一个图文混排的css，关于图片居中，突然懵了，求助

[yeshang]

<div id="abc">
<p>这里是文字</p>
<p><img src="http://cdn.v2ex.com/site/[e-mail]?m=1346064962" /></p>
<p>这里是文字</p>
</div>

我知道 #abc {text-align:center;}可以让图片居中，但是文字也会相应的居中。

我只要图片居中，文字靠左。

这里我不想使用<p style="align=center">（图片有N张，岂不要加N个style="align=center"）

只想使用CSS使图片居中，貌似margin:0 auto;也没用(图片width大小不一，没法固定死width)

[ong]

<div id="abc">
<p>这里是文字</p>
<p class="img"><img src="http://cdn.v2ex.com/site/[e-mail]?m=1346064962" /></p>
<p>这里是文字</p>
</div>

#abc p.img{text-align:center;}

[yeshang]

@ong <p class="img">这里我知道，我不想每次都加 class="img"

[cutehalo]

#abc p.img{
margin: 0 auto;
display: block;
}
ls的得加在p标签上才可以居中

[cutehalo]

- -打错了
#abc p.img——>#abc p img

[nervouna]

p>img {...}

[yeshang]

@nervouna 请问这个>是什么意思

[yeshang]

@cutehalo 多加了一个display: block;的确是可以的，非常感谢。

[liuhang0077]

每次看到楼主的头像我就觉得好熟悉。。。

[yeshang]

@liuhang0077 我用了你贴出来的图，做了头像

[liyandong]

@yeshang 转换成块干嘛啊

[yeshang]

@liyandong 只为了图片居中。请问你有什么好方法没

[nervouna]

@yeshang 选择所有父元素为 <p> 的 <img> 标签，你可以给它加上居中的样式，同时不影响页面上其它的 <img> 标签。

[yeshang]

@nervouna 我只懂的吗，关键是居中的样式怎么写

[nervouna]

@yeshang 没看懂你要说什么。

[liyandong]

p>img吧

[underone]

#abc img {
margin: auto;
padding: 0px;
float: none;
text-align: center;
display: block;
}

#abc p 无需样式

[yeshang]

@underone 感谢你。可以用