div布局后 元素之间有空行 如何去除?
<!doctypehtml><html><head><metacharset="utf-8"><linkrel="stylesheet"href="index.css">...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="zhengti">
<div id="neirong">
<img src="img/images/微网站设计稿_01.jpg"><img src="img/images/微网站设计稿_02.jpg"><img src="img/images/微网站设计稿_03.jpg"><img src="img/images/微网站设计稿_04.jpg"><img src="img/images/微网站设计稿_05.jpg"><img src="img/images/微网站设计稿_06.jpg"><img src="img/images/微网站设计稿_07.jpg"><img src="img/images/微网站设计稿_08.jpg"><img src="img/images/微网站设计稿_09.jpg">
</div>
</div>
</body>
</html>
代码是这样的,但是图片上下之间有空行。这是为什么?
下面是样式表。
body{
margin:0px;
padding:0px;
}
#zhengti{
margin:auto;
padding:auto;
border:1px solid #000;
width:320px;
}
#neirong{
margin:0px;
padding:0px;
} 展开
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="zhengti">
<div id="neirong">
<img src="img/images/微网站设计稿_01.jpg"><img src="img/images/微网站设计稿_02.jpg"><img src="img/images/微网站设计稿_03.jpg"><img src="img/images/微网站设计稿_04.jpg"><img src="img/images/微网站设计稿_05.jpg"><img src="img/images/微网站设计稿_06.jpg"><img src="img/images/微网站设计稿_07.jpg"><img src="img/images/微网站设计稿_08.jpg"><img src="img/images/微网站设计稿_09.jpg">
</div>
</div>
</body>
</html>
代码是这样的,但是图片上下之间有空行。这是为什么?
下面是样式表。
body{
margin:0px;
padding:0px;
}
#zhengti{
margin:auto;
padding:auto;
border:1px solid #000;
width:320px;
}
#neirong{
margin:0px;
padding:0px;
} 展开
2个回答
展开全部
第一种方法:<!doctype html>文档声明不规范
不需要修改css,只需要更换声明为:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
即可
第二种方法:
把图片设置为块级元素
img{ display:block; }
第三种:
img {vertical-align:top;}
不需要修改css,只需要更换声明为:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
即可
第二种方法:
把图片设置为块级元素
img{ display:block; }
第三种:
img {vertical-align:top;}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询