div有上下空白怎么消除
代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml...
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<html>
<head><base target="_blank" />
<style type="text/css">
div#container{width:800px;margin:0 auto }
div#header{background-color:#333; width:800px; color:white; text-align:center;}
div#content{background-color:#ccc; width:800px; height:900px;}
h1{margin-bottom:0; }
ul.no1{margin-left:10em; list-style-image:url(../x2.png);
list-style-position:inside; text-align:center;}
a{ display:inline-block;padding:0 0 10px 5px}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>测试导航以及链接样式</h1>
</div>
<div id="content">
<a href="http://baidu.com">百度</a>
<a href="http://google.com">Google</a>
<a href="http://qq.com">QQ</a>
<a href="http://bu888.com">布八</a>
<ul class="no1">
<li>ONE</li>
<li>TWO</li>
</ul>
</div>
</div>
</body>
</html> 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<html>
<head><base target="_blank" />
<style type="text/css">
div#container{width:800px;margin:0 auto }
div#header{background-color:#333; width:800px; color:white; text-align:center;}
div#content{background-color:#ccc; width:800px; height:900px;}
h1{margin-bottom:0; }
ul.no1{margin-left:10em; list-style-image:url(../x2.png);
list-style-position:inside; text-align:center;}
a{ display:inline-block;padding:0 0 10px 5px}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>测试导航以及链接样式</h1>
</div>
<div id="content">
<a href="http://baidu.com">百度</a>
<a href="http://google.com">Google</a>
<a href="http://qq.com">QQ</a>
<a href="http://bu888.com">布八</a>
<ul class="no1">
<li>ONE</li>
<li>TWO</li>
</ul>
</div>
</div>
</body>
</html> 展开
5个回答
展开全部
第一种方法：<!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;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
*{padding:0; margin:0}把这句加到CSS里第一个，用于清除所有标签的默认边距
追问
无效
追答
有效
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
*{padding:0; margin:0}重置下padding和margin
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼主你用，css结构语言，控制，属性是margin:0px;padding:0px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div#container{width:800px;margin:0 auto 0 auto; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
