css为什么二个span之间会有空隙？
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><styletype="text/css">...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
span{display:inline-block;height:20px;width:100px;background-color:black;margin: 0;padding: 0;border: 0;font-size: 0;}
</style>
</head>
<body>
<div style="height:100px">
<span></span>
<span></span>
</div>
</body>
</html> 展开
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
span{display:inline-block;height:20px;width:100px;background-color:black;margin: 0;padding: 0;border: 0;font-size: 0;}
</style>
</head>
<body>
<div style="height:100px">
<span></span>
<span></span>
</div>
</body>
</html> 展开
展开全部
span本身就是行内元素，所以这些属性没有用margin: 0;padding: 0;border: 0;font-size: 0;
如果你要定义span成块状的，display:block的话，没有设计到margin,所以不会出现IE6的双倍边距bug，所以不需要设置display:inline-block。
如果你要定义span成块状的，display:block的话，没有设计到margin,所以不会出现IE6的双倍边距bug，所以不需要设置display:inline-block。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
span之间不要有空格、换行。
或者在样式里加上float:left;
或者在样式里加上float:left;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
span{display:inline-block;height:20px;width:100px;background-color:black;margin: 0;padding: 0;border: 0;font-size: 0;}
</style>
</head>
<body>
<div style="height:100px">
<span></span>
<span></span>
</div>
</body>
</html>
如上面的例子，不要在两个span上面加空格换行之类的就不会有了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<span>2</span><span>3</span>
放一起 把中间的回车去掉
放一起 把中间的回车去掉
已赞过
已踩过<
你对这个回答的评价是？
展开全部
span{display:inline-block;height:20px;width:100px;background-color:black;margin: 0;padding: 0;border: 0;font-size: 0;}一般你只要写上 margin: 0;padding: 0; 就可以
边框 字样 border: 0;font-size: 0; 都可以去掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
