在div中的img左边总会出现一条竖线
在div中的img左侧总会出现一条竖线
代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body style="margin:0;background:#000000;">
<div style="width:1102px; height:1254px; display:block; margin:0 auto; border:0; padding:0; background:#ffffff;">
<img src="images/banner1.png" width="1102" />
</div>
</body>
</html>
图片banner1左侧会有一条白色的竖线，请问如何去除这条竖线？多谢！
------解决方案--------------------
是你图片的问题，我换了一个图片没有白线。
demo here
代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body style="margin:0;background:#000000;">
<div style="width:1102px; height:1254px; display:block; margin:0 auto; border:0; padding:0; background:#ffffff;">
<img src="images/banner1.png" width="1102" />
</div>
</body>
</html>
图片banner1左侧会有一条白色的竖线，请问如何去除这条竖线？多谢！
------解决方案--------------------
是你图片的问题，我换了一个图片没有白线。
demo here
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body style="margin:0;background:#000000;">
<div style="width:1102px; height:1254px; display:block; margin:0 auto; border:0; padding:0; background:#ffffff;">
<img src="http://img13.360buyimg.com/da/jfs/t181/138/2259997821/42694/e352eb5a/53c78584N10531437.jpg" width="1102" />
</div>
</body>
</html>