no-repeat center center 是 CSS background 属性 中的常用组合，用于设置背景图片不平铺并且水平垂直居中显示。
示例：
box {
width: 300px;
height: 200px;
background: url('image.jpg') no-repeat center center;
background-size: cover; /* 让图片按比例填充容器 */
}
上例中，no-repeat 表示背景图只显示一次，不会在 X/Y 方向重复；center center 表示图片在容器的水平和垂直方向都居中对齐。
关键点说明：
no-repeat 禁止背景图像在水平方向和垂直方向的重复平铺，相当于 background-repeat: no-repeat;。
center center 第一个 center 控制水平位置，第二个 center 控制垂直位置，相当于 background-position: center center;。
可配合 background-size 使用 如果图片尺寸与容器不一致，可用 cover 或 contain 调整显示效果：
background-size: cover; /* 按比例放大裁剪，铺满容器 */
background-size: contain; /* 按比例缩放，完整显示 */
注意：
如果只写一个 center，另一个方向默认也是 center。
在移动端或响应式布局中，建议配合 background-size: cover; 保证视觉效果。
多背景时，每层的 no-repeat center center 设置需用逗号分隔。
综合示例：
hero {
height: 100vh;
background: url('banner.jpg') no-repeat center center;
background-size: cover;
}
该写法常用于网页首页顶部bannel或全屏背景，确保图片始终居中且不重复平铺。
