如何在div中垂直居中文本

这个问题在这里已经有了答案：

如何垂直居中所有浏览器的div？ 41个答案

---

你有没有尝试过

<div style="text-align: center;">

适用于水平中心。

试试这个垂直居中。

要么

CSS

body, html, #wrapper {
width: 100%;
height: 100%
}

#wrapper {
display: table
}

#main {
display: table-cell;
vertical-align: middle;
text-align:center
}

HTML

<div id="wrapper">
<div id="main">
Content goes here
</div>
</div>

希望这可以帮助。 请留下反馈。

---

尝试这个：

replace margin-top: 40%; to following css

display: table-cell;
vertical-align: middle;
text-align:center;

链接地址: http://www.djcxy.com/p/41509.html

上一篇: How to vertically center text in div

下一篇: How to vertically center align div having back ground image