css中合理的使用nth child實現布局

2021-07-10 05:39:54 字數 461 閱讀 3034

寫這篇文章的目的,主要是今天要實現乙個布局:li,每行三個,總數不定,只能相鄰的li之間需要10px的間距,效果如下圖:

大家可以先自己實現一下,我這裡也是思考了很久,最後整理了思緒,發現先給每個li新增margin-right:10px;然後給第3n個加上margin-bottom:10px;並且去掉margin-right,當然了,如果類似最後乙個圖,正好最後一排三個的情況,可能最後一行會超出,所以在li的last-child上加上margin-bottom:0;(最後一條是後面補充的,當時忘了加上去,不好意思)

**:

li
li:nth-child(3n)
li:last-child

css中合理的使用nth child實現布局

寫這篇文章的目的。主要是今天要實現乙個布局 li。每行三個,總數不定。僅僅能相鄰的li之間須要10px的間距。效果例如以下圖 大家能夠先自己實現一下,我這裡也是思考了非常久,最後整理了思緒,發現先給每乙個li加入margin right 10px 然後給第3n個加上margin bottom 10p...

在中合理的使用LEFTOUTERJOIN進行開發!

比如我們想對某人的消費專案進行彙總,對應以下兩個表 theme與themedetail theme的記錄為 themeid int themename varchar 10 1 就餐 2 出差 3 乘車 4 其它 themedetail的記錄為 detailid int themeid int pr...

find的合理使用

當我們在查詢指定的檔案時,ls和locate等並不能合理的滿足我們的要求,此時可以 使用find的命令來查詢 實時查詢工具,通過遍歷指定路徑完成檔案查詢 精確查詢 查詢速度略慢 預設遞迴查詢 只搜尋使用者具備讀取和執行許可權的目錄 find 路徑 mindepth 指明查詢檔案的最小深度 maxde...