当div中有文字时，div会在页面上向下移动吗？我该如何解决此问题？
用户名
我注意到，当我在嵌入式块div中包含文本时，它们向下移动而不是停留在原处，我该如何解决此问题，使其与包含文本的其他行保持一致？
截屏
的HTML
<html>
<head>
<title>My Web site</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="home.css">
</head>
<body>
<div id="container">
<div id="jumbotron">
</div>
<center>
<div class="listbox">
<h1>exapmle</h1>
</div>
<div class="listbox">
</div>
<div class="listbox"></div>
</center>
<!-- container end div -->
</div>
</body>
</html>
的CSS
#container{
height:100%;
width:100%;
background-color: #669999;
padding: 5px 5px 5px 5px;
}
.listbox{
height: 250px;
width: 250px;
background-color: #003333;
display:inline-block;
border-radius:5px;
}
#jumbotron{
margin:2px auto 5px auto;
background-color:black;
border-radius:5px;
height:450px;
width:900px;
color:#ffffff;
}
苛刻的莫亚尼（Harsh Moorjani）
之所以如此，是因为浏览器正在尝试匹配所有内联元素的基线。
添加vertical-align: middle到.listbox
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
当我输入文本时，儿童 div 向下移动
- 2
contenteditable div上的流星反应性有问题，我该如何解决？
- 3
为什么我的按钮在页面上向下移动？
- 4
当我在 chrome mobile 中向下滚动时，绝对定位的 DIV 会改变位置，如何解决这个问题？
- 5
<div>不会向下移动
- 6
div向下移动很麻烦
- 7
我该如何解决此HREF问题
- 8
我该如何解决此尝试问题
- 9
我该如何解决此错误：错误：没有光纤就不能等待吗？
- 10
当我扩展浏览器宽度时，CSS div 向下移动
- 11
如何解决此循环问题，以便页面上的项目推送到购物车？
- 12
出现错误未找到模块：错误：Webpack构建时无法解析'../components/***'，我该如何解决此问题？
- 13
是什么导致div向下移动？
- 14
我的 div class:"title" 似乎没有居中，即使 div 是 margin:auto。我该如何解决？
- 15
我该如何解决这个问题？
- 16
我该如何解决？rub问题
- 17
我该如何解决样式问题？
- 18
我该如何解决ID问题
- 19
我该如何更改html或javascript代码，所以当我单击div时，它也不起作用。如何解决？
- 20
如何解决此问题，我的登录页面无法连接，并且继续出现此错误
- 21
在我的测试设备上安装IPA时，该应用程序停留在“正在等待...”中，我该如何解决此问题？
- 22
运行Rails服务器时出错：您能猜出什么问题吗？我该如何解决？
- 23
如何在页面上跟随移动的div
- 24
尝试上下移动div时出现问题
- 25
为什么当我 wprintf 我的 pvData 时，我的控制台中有很多问号？（pvData 来自 RegGetValue）我该如何解决？
- 26
div在页面上向下滚动和在页面上向下滚动
- 27
“java.lang.NullPointerException”错误（错误详情，文章中有）我该如何解决？
- 28
如果左右div距离太近，如何将中间div向下移动？
- 29
向div添加文本可将div向下移动
我来说两句