V2EX = way to explore V2EX 是一个关于分享和探索的地方
Sign Up Now For Existing Member Sign In
Can I use? http://caniuse.com/ Less http://lesscss.org Cool Libraries Bootstrap from Twitter Jetstrap
This topic created in 5416 days ago, the information mentioned may be changed or developed.
<style>
p{
margin:0 auto;
width:600px;
text-indent:2em;
}
p img{
padding:5px;
margin-left:-2em;
}
</style>
<p><img style="background:#ffff00;border:1px solid #ffff00;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /><img style="border:1px solid #000;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /><img style="background:#000;border:1px solid #000;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /></a></p>
这段代码怎么能让P里面的img正常显示：首行不缩进？第二行的图片和第一行的垂直对齐？
我直接用margin-left:-2em;纠正不行。第二行还是不行的。纠结了。
这个都是因为万恶的WP的处理机制啊。
不想去掉p的text-indent:2em;属性啊。
p{
margin:0 auto;
width:600px;
text-indent:2em;
}
p img{
padding:5px;
margin-left:-2em;
}
</style>
<p><img style="background:#ffff00;border:1px solid #ffff00;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /><img style="border:1px solid #000;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /><img style="background:#000;border:1px solid #000;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /></a></p>
这段代码怎么能让P里面的img正常显示：首行不缩进？第二行的图片和第一行的垂直对齐？
我直接用margin-left:-2em;纠正不行。第二行还是不行的。纠结了。
这个都是因为万恶的WP的处理机制啊。
不想去掉p的text-indent:2em;属性啊。
 | 1 zythum Jul 1, 2011 首先，没懂你意思。其次</a>是什么情况。。上半身哪去了？ 能把想要的效果说清楚下呢 |
 | 2 liyandong OP @zythum 那个</a>是失误了。应该没有的，呵呵 图片首行不缩进，如果这种P标签里的图片总宽度大于P的宽度，图片不是就到第二行了么？然后，我想要的效果是：第二行的图片和第一行的垂直对齐。 总体来说呢，就是P里如果是包括的文字呢，就首行缩进，是IMG呢，就不首行缩进了。纠结的问题。。 |
| 3 zythum Jul 1, 2011 还是没懂。。。我理解能力不够。。。 |
 | 4 leojoy710 Jul 1, 2011 有个很挫的办法...给img加display:block... 这个很挫很挫很挫很挫... |
 | 5 magicolor Jul 1, 2011 缩进的原因就是 “text-indent:2em” 你却不想去掉，不解~~ |
 | div class="fr"> 6 chone Jul 1, 2011 |
| 7 zythum Jul 1, 2011 |
 | 8 Emory_M Jul 1, 2011 via iPhone 用:first伪类吧,缺点就是ie6不支持 |
 | 10 NemoAlex Jul 2, 2011 img标签display:block就可以了 |
 | 11 dimlau Jul 2, 2011 给包裹 IMG 的 P 添加单独 Class ，然后这个 Class 不缩进。 |
| 12 liyandong OP 纠结啊，看来不能在CSS里定义P了？副作用好怕怕。。。 |
| 13 liyandong OP |
| 17 dimlau Jul 2, 2011 p img:first-child{margin-left:-2em} |
| 18 dimlau Jul 2, 2011 或者：p img{float:left} 这样的话要注意给 p 清除浮动：clear:both; |
| 21 liyandong OP 唉唉。我还是放弃给P加text-index了 |
Select Language