主页 / 问题 / 582988
Accepted
Mike Ru
Asked:2020-10-26 19:00:10 +0000 UTC2020-10-26 19:00:10 +0000 UTC

如何在窗口中间显示文字？

  • 772

我有一个小的javascript代码。它在页面加载时显示一个带有一些文本的小窗口。我需要这个小窗口内的文本显示在中间而不是左侧。

这是代码：

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            setTimeout("$('#div1').fadeIn('drop');", 500);
            setTimeout("$('#div1').fadeOut('drop');", 3000);
        });
    </script>
</head>
<body>

<div id='div1' style="display: none; position:absolute; top:10%; left:30%; background-color: grey; border: 1px solid lightblue; width: 650px; padding: 5px;">
<h2>Information bla-bla-bla</h2>
<h2>just do it bla-bla-bla</h2>
</div>
</body>
</html>
css

2 个回答

  1. <h2 style="text-align:center">…
    • 4
  2. Best Answer

    尝试text-align: center

    <div id='div1' style="text-align: center; display: none; position:absolute; top:10%; left:30%; background-color: grey; border: 1px solid lightblue; width: 650px; padding: 5px;">
<h2>Information bla-bla-bla</h2>
<h2>just do it bla-bla-bla</h2>
</div>
    • 4

相关问题