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

Can I use?

Less

Cool Libraries

› Jetstrap

This topic created in 5057 days ago, the information mentioned may be changed or developed.

<div id="abc">
<p>这里是文字</p>
<p><img src="http://cdn.v2ex.com/site/[email protected]?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)

居中

图片

CENTER

17 replies • 1970-01-01 08:00:00 +08:00

ong

Jan 7, 2013

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

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

yeshang

Jan 7, 2013

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

cutehalo

Jan 7, 2013

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

cutehalo

Jan 7, 2013

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

nervouna

Jan 7, 2013

p>img {...}

yeshang

Jan 7, 2013

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

yeshang

Jan 7, 2013

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

liuhang0077

Jan 7, 2013

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

yeshang

Jan 7, 2013

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

liyandong

Jan 7, 2013

@yeshang 转换成块干嘛啊

yeshang

Jan 7, 2013

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

nervouna

Jan 8, 2013

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

yeshang

Jan 8, 2013

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

nervouna

Jan 8, 2013

@yeshang 没看懂你要说什么。

liyandong

Jan 8, 2013 via Android

p>img吧

underone

Jan 8, 2013

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

#abc p 无需样式

yeshang

Jan 8, 2013

@underone 感谢你。可以用