javascript - 屏幕底部居中的淡入文本

Question

我希望此文本显示在屏幕的底部中间，但它一直显示在屏幕的左下角。我做错了什么？

$('div').delay(2000).fadeIn(1000); 

div.hidden {          
    position: absolute;
    bottom: 0;
    display: none;
    text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hidden">
    <p>This is some text.</p>
</div>

Answer 1

将 width: 100% 添加到您的 CSS。

这会导致 div 横跨整个屏幕宽度，因此当文本居中时，它会在屏幕中居中。