在前端設(shè)計中，不少的前端工程師都會遇到兼容問題，nth作為我們平時寫靜態(tài)頁經(jīng)常常見的一個屬性，也會經(jīng)常用到，今天文匯軟件的小編就來跟大家分享下自己的工作經(jīng)驗。
首先小編以自己近期的項目為例，以下這個簡單的頁面想必很多人都會排，這里面如果想讓其左右居頂上下居中的話有很多方法，相信很多人會想到flex布局，那樣是很簡單 也省去了不少的代碼量，但是必須告訴你ie10以下完全不支持這種布局，一般來說其他人想到的就是浮動布局，可是這樣就到了我們今天的話題 使用浮動布局你想讓其對其肯定是需要指定哪個元素的邊界值為0的；這里呢；有兩種辦法一種是所有瀏覽器都支持的：first-child,但是那樣實在太麻煩了 比如li第二個就是li：first-child+li;第五個就是li:first-child+li+li+li+li;第三十個就是li:first-child+li+li+li+li+...;還有種辦法是nth(n);但是他也是在ie9一下完全不支持的。
到了ie8就是這樣的
是不是很郁悶?zāi)?？這里呢就需要引入下面的代碼（在ie8下起作用），就是老版本的jquerry
然后自己寫一段代碼 為nth(n)的父級起個類名如下圖
然后把起好的類名給他們的父級就可以了
怎么樣 小編的分享是不是很實用呢，很實用就多來關(guān)注文匯軟件吧。
上一篇： Amaze UI移動偵察
下一篇： js data方法的使用
