Question

我有以下代码我想让div中的文字出现在中间。我知道这是一个非常简单的问题，但我在这些类型的问题中遇到问题请告诉我今后如何解决这类问题。

<!DOCTYPE html>
<html>
<head>
  <style>
.transition-msg {
background-color:#000000;
font-size:20px;
height:624px;
color:#fff;
margin:0 auto;
position:absolute;
text-align:center;
top:6%;
width:1014px;
}
</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div style="display: block;" class="transition-msg" id="transition-msg">Entering rahuls Gib</div>

<script>

</script>

</body>
</html>

Answer 1

删除position:absolute;，它应该按照您的意愿运作。

Answer 2

<style type="text/css">
.transition-msg{
width:1014px;
height:600px;
background-color:#000000;
position:absolute;
color:#fff;
font-size:20px;
left:15%;
text-align:center;
top:6%;
}
</style>

您可以通过删除绝对位置来实现此目的。

Answer 3

    <div style="display: block;" class="transition-msg" id="transition-msg"><div class="transition-msg1">Entering rahuls Gib
    </div>

.transition-msg-text{
background-color:#000000;
font-size:20px;
height:624px;
color:#fff;
display:table-cell;
margin:0 auto;
vertical-align:middle;
text-align:center;
width:1014px;
}

如何使文本在中间

3 个答案: