CSS如何让窗口居中？对于网页设计来说，让内容始终居中显示是一种常见需求。以下是几种常见的方法：

/* 方法一：使用CSS3 Flex布局，将子元素水平和垂直居中 */
.container {
display: flex;
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中 */
}
/* 方法二：使用absolute定位和margin:auto */
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 平移，使其始终居中 */
width: 50%; /* 宽度可以自己调整，根据需求而定 */
height: 50%;
}
/* 方法三：使用table-cell和vertical-align */
.container {
display: table-cell;
vertical-align: middle;
text-align: center; /* 水平居中 */
}
/* 方法四：使用grid布局 */
.container {
display: grid;
place-items: center; /* 水平和垂直居中 */
}

这些方法都有各自的优点和适用场景，可以根据实际需求来选择使用。希望这篇文章能给大家带来一点帮助。