假設(shè)我有大約 250 個樣式為 class 的 div?slider-item。我在 css 中有一個響應式網(wǎng)格A，它在窗口縮放時將 div 包裝為列/項目。下面列出了最小項目寬度240px。我試圖讓網(wǎng)格在一行中保持響應（nowrap 水平溢出）。問題是屬性grid-template-columns: repeat(auto-fill..)增長/收縮行 b/c div 超過當前窗口寬度A.slider-content {? position: relative;? display: grid;? grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));?? overflow: hidden;? margin: 20px 0;? scroll-behavior: smooth;}?/* .slider-content > .slider-item {? min-height: 130px;? min-width: 240px;} */乙.slider-content {display:grid;? ?grid-auto-flow:column;??grid-gap:10px;?margin:20px 0;overflow:auto;}.slider-content > .slider-item {? min-height: 130px;? min-width: 240px;}CssB通過水平滾動將內(nèi)容保持在一行中，但問題是它不像 css 那樣響應迅速A我稍后需要它用于多列輪播。對 flexbox 或 slickjs 不感興趣；使用 CSS 網(wǎng)格。