CSS div容器垂直對齊
[英]CSS div container align vertical
問題描述
我有一個div容器。 此容器應垂直對齊。 這是我的代碼：
*{ margin: 0px; padding: 0px; } body{ background-color: rgb(25, 81, 118); } .text{ margin-left: auto; margin-right: auto; width: 70%; text-align: justify; font-size: 32px; color: white; } nav{ width: 100%; background-color: white; } ul{ font-size: 0px; }
<!DOCTYPE html> <html> <head> <link href="css.css" type="text/css" rel="stylesheet"> <meta charset="utf-8"> </head> <body> <div class="text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div> </body> </html>
2 個解決方案
解決方案1
2 已采納 2015-02-25 19:02:10
.text {
width: 70%;
text-align: justify;
font-size: 22px;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
解決方案2
0 2015-02-25 19:00:56
將vertical-align:middle添加到div 。
CSS-div中的垂直對齊范圍
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.