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

创始人 创始人 关注 9级 创始人
发表于版块 原创

要让整个网页居中,可以使用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%。这将使页面内容在水平方向上居中。另外,我们还将文本对齐方式设置为居中对齐,以确保所有内容都位于页面中心。

福建,厦门,集美区

评论列表 评论
创始人 创始人 9级 创始人 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) 分享
分享
1. 可以免费发外链的论坛 2. 300G大流量卡在线申请 3. 趣闲赚官网 4. 百度万词霸屏 5. HadSky轻论坛 - 个人网站建设首选HadSky轻系统! 6. 易支付-免签支付平台 7. 易支付-免签支付平台
取消