2018/11

ie瀏覽器無法兼容nth屬性的解決方法

發(fā)布時間：2018-11-02 17:32:40

發(fā)布者：jintianlong

瀏覽量:

在前端設(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一下完全不支持的。