我有以下選擇,允許用戶選擇顏色。<select id="colorChoice" class="form-control text-center" ng-model="colorToSet" ng-change="setColor(colorToSet)"> <option class="dropdown-item" ng-repeat="color in colors" value="{{color}}">{{color}}</option></select>事實上,下拉菜單項是空白的,打開時會顯示顏色選項。用戶選擇一種顏色,該顏色顯示在下拉項上。但是,當(dāng)頁面刷新時,該值不會保留顯示在下拉項中。我現(xiàn)在將該值保存到 sessionStorage 中,我想在刷新頁面時顯示它。$scope.colors = ['red', 'green', 'orange', 'blue'];$scope.setColor = function(colorToSet) { sessionStorage.setItem("color", colorToSet);}問題是 - 1到3 張卡片之間有空白區(qū)域。需要實現(xiàn) - 沒有這個額外的空白。卡3必須正好位于1之后我已經(jīng)嘗試過grid-auto-rows: min-content--但沒有結(jié)果。不同高度的卡片需要一張一張地完全相同。沒有額外的空白。(通過馬賽克方式)。
1 回答

當(dāng)年話下
TA貢獻(xiàn)1890條經(jīng)驗 獲得超9個贊
您想要實現(xiàn)的目標(biāo)稱為Masonry Layout。
您會在這里找到很多示例https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/ 我希望它能幫助您找到更適合您需求的選項。
- 1 回答
- 0 關(guān)注
- 130 瀏覽
添加回答
舉報
0/150
提交
取消