解決ul裡最後乙個li的margin問題

2022-07-19 22:12:25 字數 459 閱讀 2301

在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。輸入格式 輸入僅一行,為...