当前位置：首页 → 问答吧 → 一个文本与图片缩进问题

一个文本与图片缩进问题

时间：2011-12-06

来源：互联网

是这样的，我设置了文本首行缩进，但图片在P标签里面，图片也缩进了，请问有解决的办法吗？我不想让图片也缩进。
例如：
HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css" >
p{ text-align:left; background-color:#999999}
div{ background-color:#0099FF}
img{ padding-left:0; margin-left:0em;border:1px solid blue}
</style>
</head>

<body style=" font-size:20px;color: #b0b0ff; line-height:25px; text-indent:2em">
你好啊，这个是广东省啊实打实<br />
啊实打实的法国热热
<p><img  src="http://articles.csdn.net/uploads/allimg/111206/94_111206100631_1.png"/></p>
<p>阿达说的风光带个好地方平【平【而特</p>
<div>zheshi 正文啊</div>
</body>
</html>

这里图片也缩进了

作者: zhouYunan2010 发布时间: 2011-12-06

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css" >
p{ text-align:left; background-color:#999999}
div{ background-color:#0099FF}
img{ padding-left:0; margin-left:0em;border:1px solid blue}
p.no_indent{text-indent:0em;}
</style>
</head>

<body style=" font-size:20px;color: #b0b0ff; line-height:25px; text-indent:2em">
你好啊，这个是广东省啊实打实<br />
啊实打实的法国热热
<p class="no_indent"><img src="http://articles.csdn.net/uploads/allimg/111206/94_111206100631_1.png"/></p>
<p>阿达说的风光带个好地方平【平【而特</p>
<div>zheshi 正文啊</div>
</body>
</html>

单独定义一个不缩紧的样式就行了~·

作者: MuBeiBei 发布时间: 2011-12-06

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css" >
p{ text-align:left; background-color:#999999}
div{ background-color:#0099FF}
img{ padding-left:0; margin-left:0em;border:1px solid blue}
</style>
</head>

<body style=" font-size:20px;color: #b0b0ff; line-height:25px; text-indent:2em">
你好啊，这个是广东省啊实打实<br />
啊实打实的法国热热
<p style="text-indent:0"><img  src="http://articles.csdn.net/uploads/allimg/111206/94_111206100631_1.png" ></p>
<p>阿达说的风光带个好地方平【平【而特</p>
<div>zheshi 正文啊</div>
</body>
</html>

直接在有图片的那行中，去掉缩进就可以了

作者: happy175 发布时间: 2011-12-06

有没有好的解决办法？。
body里的代码都是不能改的，
只能定义css样式。每个段落的文本都应该是缩进的，而图片不能缩进。
谢谢各位了。

作者: zhouYunan2010 发布时间: 2011-12-06

引用 3 楼 zhouyunan2010 的回复:

有没有好的解决办法？。
body里的代码都是不能改的，
只能定义css样式。每个段落的文本都应该是缩进的，而图片不能缩进。
谢谢各位了。

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css" >
p{ text-align:left; background-color:#999999}
div{ background-color:#0099FF}
img{ padding-left:0; margin-left:0em;border:1px solid blue}
</style>
</head>

<body style=" font-size:20px;color: #b0b0ff; line-height:25px; text-indent:2em">
你好啊，这个是广东省啊实打实<br />
啊实打实的法国热热
<p><img src="http://articles.csdn.net/uploads/allimg/111206/94_111206100631_1.png"/></p>
<p>阿达说的风光带个好地方平【平【而特</p>
<div>zheshi 正文啊</div>
</body>
<script>
    var imgs = document.getElementsByTagName('img');
    
    for(var i = 0,img; img = imgs[i++];){
        img.parentNode.style.textIndent = '0em';    
    }
</script>
</html>

用js吧。。。太苛刻了

作者: MuBeiBei 发布时间: 2011-12-06

一个文本与图片缩进问题

热门阅读

热门下载