解決space between最後一排問題

2022-03-14 09:45:33 字數 494 閱讀 1866

display:flex + justify-content: space-between 能夠實現2端對齊的布局,這種布局在網頁中很常見。不過這種布局方式有乙個問題。舉個例子,我們假設現在一排放4個,而我們資料庫裡面總共只有6張,此時布局結果如下:

第二排數量少於4張,2端對齊就出現上圖這種局面了。

我們如何處理這種問題呢?

用我們的::after處理一下即可~

.list-gallery.list-gallery::after .list-dynamic-gallery>div

.list-gallery是包裹列表的div,css這樣寫就能實現每行4張的效果了~

最簡單的解決方法

問題描述 jsp 中獲取 的路徑時,在後台能夠取得檔名,但是獲取不了檔案的完整路徑。前台 上傳頭像 後台獲取 string filepath request.getparameter filepath 獲取檔案路徑 解決辦法 網上看了很多,第一種說法,如實現可以用js 當使用者用file選擇了本地檔...

最完美解決Nginx部署ThinkPHP專案的辦法

通用寫法 server location php fastcgi param path info path info fastcgi param script filename document root fastcgi script name2 fastcgi param script name ...

解決問題最簡單的方法

第1章 專注 首先鎖定問題 認清你的思維方式 如何效專注 如何同時處理多項任務 如何確定優先次序 第2章 直覺 尋找讓人眼前一亮的答案 直覺的威力 如何進行視覺化思考 如何創造性地重新考慮問題 如何尋找富有創意的解決方案 第3章 分析 摸清問題的脈絡 問題是封閉型還是開放型?如何處理封閉型問題 如何...