diff --git a/css/index.css b/css/index.css index fc3a868..107b3eb 100644 --- a/css/index.css +++ b/css/index.css @@ -26,15 +26,20 @@ width: 100%; height: 100%; display: flex; - align-items: flex-start; /* 文案从上方开始 */ + /* 整体文案块垂直方向居中,由内层 section-content 控制 */ + align-items: stretch; /* 需要盖在 swiper-slide 之上,swiper 本身 z-index: 1,这里抬高一层 */ z-index: 10; pointer-events: none; } .banner-cont .banner-text .section-content { - padding-top: 80px; /* 文案距顶部 */ - padding-bottom: 0; + /* 让首页 banner 文案相对于视口靠左、垂直居中 */ + display: flex; + align-items: center; /* 垂直居中 */ + height: 100%; + padding: 0 20px; /* 与全站保持左右 20px 内边距 */ + margin: 0; /* 覆盖通用 section-content 的水平居中 */ } .banner-copy {