📅 最后修改于: 2023-12-03 15:22:27.448000 🧑 作者: Mango
CSS是一种用于网页设计的样式表语言，可以控制网页的外观和样式。使用CSS可以使网页居中显示，无论设备的大小。
我们可以在HTML的head中使用<style>标签来引入CSS，并将CSS代码写在其中。
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<style>
/* CSS代码 */
</style>
</head>
<body>
<!-- HTML内容 -->
</body>
</html>
使用CSS的position、top、left属性和margin属性可以让网页居中显示。
body {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
这段CSS代码使body元素的位置绝对，然后将它的上边框和左边框分别设为浏览器窗口高度和宽度的50%。
接着，使用transform属性和translate()函数来将body元素水平和垂直方向上分别移动50%，让其完全居中。
另一种方法是使用margin:auto属性来让body元素居中。
body {
margin: auto;
}
这段CSS代码使body元素水平方向上的外边距设置为auto，这使得浏览器会将其向两侧分配等量的距离，从而实现水平居中。
使用CSS，我们可以使网页居中显示，无论设备大小。这可以通过设置position、top、left属性和margin属性来实现。