<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.container{
height: 400px;
min-width: 200px;
display: inline-block;
border: 1px solid grey;
}
.item{
border: 1px solid grey;
margin: 5px;
}
</style>
</head>
<body>
<div class="container"><div class="item" style="display: none;">123</div></div>
<div class="container"><div class="item">123</div></div>
<div class="container"><div class="item">123</div></div>
</body>
</html>问题是当我添加style =“ display：none;”时 到第一项时，容器不会内联显示。当我删除display：none时，没关系。谁能告诉我为什么？
您可以更改display:none为visibility:hidden，并且可以使用。
可以将其归类为解决方案：HERE-默认对齐方式是基线，并且div中没有任何内容，没有基线。如果添加vertical-align：top，则可以解决此问题。这就是我上面的“解决方案”起作用的原因-可见性：隐藏使元素内联-而display：none则使它脱离流程。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句