子div与父div分开。为什么？
子div与父div分开。为什么？
提问于 2013-11-14 03:35:25
我有一个家长和一个带短信的孩子。我希望它垂直中心在父div中。我似乎不能使孩子垂直中心在父div。为什么它会冲出父母的领地？
我希望上面的话是有道理的。我试图上传一个插图，但显然，我需要10个名誉张贴图片。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-11-14 04:09:33
检查下面的小提琴:它使文本垂直对齐父div的中间。
http://jsfiddle.net/Kritika/43VYg/
HTML：
<div class="wrapper">
<div class="inner">
lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
</div>
</div>CSS：
.wrapper {
display: table-cell;
width: 400px;
height: 400px;
text-align: center;
vertical-align: middle;
border: 1px dotted #656565;
}
.inner {
padding: 10px;
}注意:这不支持像IE7这样的旧浏览器。
您可以参考下面的链接，使用位置绝对/相对对齐文本。
Aligning text using absolute positioning
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19969042
复制相关文章
相似问题
腾讯云开发者
