亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何以馬賽克方式放置卡片?

如何以馬賽克方式放置卡片?

翻翻過去那場雪 2023-10-24 21:28:59
我有以下選擇,允許用戶選擇顏色。<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>事實上,下拉菜單項是空白的,打開時會顯示顏色選項。用戶選擇一種顏色,該顏色顯示在下拉項上。但是,當頁面刷新時,該值不會保留顯示在下拉項中。我現在將該值保存到 sessionStorage 中,我想在刷新頁面時顯示它。$scope.colors = ['red', 'green', 'orange', 'blue'];$scope.setColor = function(colorToSet) {  sessionStorage.setItem("color", colorToSet);}問題是 - 1到3 張卡片之間有空白區域。需要實現 - 沒有這個額外的空白。卡3必須正好位于1之后我已經嘗試過grid-auto-rows: min-content--但沒有結果。不同高度的卡片需要一張一張地完全相同。沒有額外的空白。(通過馬賽克方式)。
查看完整描述

1 回答

?
當年話下

TA貢獻1890條經驗 獲得超9個贊

您想要實現的目標稱為Masonry Layout。

您會在這里找到很多示例https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/ 我希望它能幫助您找到更適合您需求的選項。


查看完整回答
反對 回復 2023-10-24
  • 1 回答
  • 0 關注
  • 132 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號