CSS中，P设定为text-indent:2em;但，我想当P img时，P的text-indent能够取消
p{line-height:2em;text-indent:2em;font-size:14px;font-style:normal;}当<p><imgsrc="test...
p {
line-height: 2em;
text-indent: 2em;
font-size: 14px;
font-style: normal;
}
当<p><img src="test.jpg" /></p>时，不希望图片也低两格。请问，怎么实现？ 展开
line-height: 2em;
text-indent: 2em;
font-size: 14px;
font-style: normal;
}
当<p><img src="test.jpg" /></p>时，不希望图片也低两格。请问，怎么实现？ 展开
9个回答
展开全部
在写一个p img {text-indent: 0;}
追问
但p已经在写一个p {text-indent: 2;}。还有效吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接写 p > img {display:block;},需要居中，再加margin:0 auto
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<body>
<style type="text/css">
p{ line-height: 2em; text-indent: 2em; font-size: 14px; font-style: normal;}
</style>
<p>sadfasdfasd</p>
<p><img src="test.jpg" /></p>
</body>
<script type="text/javascript">
$(document).ready(function () {
$('p img').parent().css('text-indent','0em');
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<body>
<style type="text/css">
p{ line-height: 2em; text-indent: 2em; font-size: 14px; font-style: normal;}
</style>
<p>sadfasdfasd</p>
<p><img src="test.jpg" /></p>
</body>
<script type="text/javascript">
$(document).ready(function () {
$('p img').parent().css('text-indent','0em');
});
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
text-indent有个很奇怪的属性，就是其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
