在html+css布局裡ul>li挺常用的,在群裡(web前端開發 458732443)總有新手問怎麼解決li的最後乙個margin值的問題。
下面介紹一下,大神請不要拍磚。
先看兩個demo,你可以先執行,改變box的寬度看一下。
1、運用css3的nth-child(3n)
2、運用margin負值
首先,看看設計的樣子,並計算.box的寬度
由於自身帶了margin-right被擠下去了
用css3的nth-child(3n)解決辦法
現在流行響應式布局,這種css3解決辦法,在響應的時候並不靠譜
下面用margin負值解決辦法
同理可以用margin-right負值。自己研究
對於新手,如果不需要考慮古代瀏覽器和響應式就用css3。反之用margin負值。
解決連續交付的最後一英里問題
這篇文章是我們 縮短週期時間 戰術指南 共分為五個部分 的第五篇也是最後一篇文章。在此處 如果開發人員的變更集在合併時並非始終準備就緒,則您的團隊將不練習持續交付。完全優化產品上市時間 或週期時間 的最後一步是灌輸無縫部署,讓每個工程師負責將主要生產部門保持在可發布狀態。真正的持續交付的障礙可分為三...
JS的for迴圈總是彈出最後乙個值得解決方法
首先看一下html內容 現在我想得到標籤內的索引和內容,你也許刷刷的寫下以下 for i 0 i els.length i 但是結果卻不盡人意,總是彈出 6 果敢 比較好的解決方法有以下幾種 1 使用閉包 var els document.getelementsbytagname li for i ...
最後乙個單詞的長度
給定由大寫,小寫字母和空格組成的字串,返回最後乙個單詞的長度。如果輸入中不存在單詞,返回 000。注意 單詞 是指不包含空格符號的字串 例如 對於字串 hello world 不帶引號 那麼返回的結果是 555 對於字串 abc abc 不帶引號 那麼返回的結果就是 333。輸入格式 輸入僅一行,為...