• 全部
  • 问答

空的inline-block却占据了位置求大神解答

易小楠 2020-06-28 10:18:54
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>

div{
background-color: red;
}
span#test{
background-color: blue;
display: inline-block;
line-height: 0px;
}
</style>
</head>
<body>
<div>12312312</div>
<span id="test"></span>
<div>12312312</div>
</body>
</html>

分明span中没东西却占据了位置
...全文
2245 点赞 收藏 5
写回复
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
wsmh3333 2020-07-27

<div>12312312</div><span id="test"></span><div>12312312</div>
这样写试试,不要有空格和换行。 看你想实现什么,没有特殊需求就不用inline-block;
回复
winzond 2020-06-29
你的目的是什么?上下都是div,默认就占整行了,你又设置span行高为0,这是没用的,不想让它显示就设置display:none,想让它显示,那就要重新定位下面那个div,不让它按顺序布局。其实首先应该搞清楚目的
回复
易小楠 2020-06-29
经过实验并不存在,而且如果去掉css设置inline-block后中间间距就不存在了。
回复
weixin_37683702 2020-06-29
inline和inline-block都有一个默认的margin,大概3px
回复
易小楠 2020-06-29
这个line-height:0是有人让我这样试试 没去掉抱歉,我就想知道inline-block分明是空的却占位置很奇怪,并不涉及具体的实现。
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2020-06-28 10:18
社区公告
暂无公告