要让整个网页居中,可以使用CSS样式表中的margin属性

管理员 系统 关注 创始人 10级
发表于NEW版块 原创

要让整个网页居中,可以使用CSS样式表中的margin属性。以下是一个示例代码:


```html

<!DOCTYPE html>

<html>

<head>

 <style>

  body {

   margin: 0 auto; /* 将左右边距设置为自动 */

   width: 80%; /* 设置页面宽度 */

   text-align: center; /* 将文本居中对齐 */

  }

 </style>

</head>

<body>

 <h1>Welcome to my website!</h1>

 <p>This is a paragraph.</p>

</body>

</html>

```


在上面的代码中,我们将body元素的左右边距设置为自动,并将其宽度设置为80%。这将使页面内容在水平方向上居中。另外,我们还将文本对齐方式设置为居中对齐,以确保所有内容都位于页面中心。

福建,厦门,集美区

评论列表 评论
管理员 系统 创始人 10级 2#
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站运行时间</title>
</head>
<body>
    <h1 id="time"></h1>
    <script>
        function updateTime() {
            var now = new Date();
            var timeString = now.toLocaleTimeString();
            document.getElementById("time").innerHTML = "网站已运行: " + timeString;
        }
        setInterval(updateTime, 1000);
    </script>
</body>
</html>
```

福建,厦门,集美区

共0条回复,点击查看回复
发布评论

评论: 要让整个网页居中,可以使用CSS样式表中的margin属性

拖动滑块验证
»
已有0次打赏
(0) 分享
分享

请保存二维码或复制链接进行分享

取消