關於li的排列,我的面試題

2022-05-17 21:03:40 字數 1631 閱讀 1811

1.flex布局,其實在移動端最合適的就是彈性布局,在移動端上解決問題使用flex最為合適,也很方便

#warp
如果div過多,felx屬性 flex-wrap預設屬性nowrap,是不會換行的,只能預設的等比例壓縮素有的div,

我們把flex-wrap設定為wrap就可以換行

當然除了從左到右,flex布局還可以這樣,右側對齊 flex-end

還可以這樣 center

這樣 space-around(每個專案兩側的間隔相等。所以,專案之間的間隔比專案與邊框的間隔大一倍)

這樣space-between(專案兩側對齊,專案之間的間隔相等)

詳細的就不多說,可以去看阮老師的教程。

2.浮動float,雖然flex很方便,但是在pc上還是有相容問題,在pc上float用的比較多,但是float也是有一些問題需要解決。

**是這樣的

#warp div
然後我們換個方向,注意順序

float就是這些問題

1.最重要的是高度塌陷,父容器這個div已經變成了兩條線,只剩下邊框了,浮動之後脫離了文件流,父元素高度塌陷,我們需要給父元素加上偽類,然後清除浮動

2.順序問題,當我們使用浮動,要注意浮動的順序和我們div排列的順序是一致的

3.display:inline-block 把元素設定為行內-塊級元素,這樣這些div就會順序排列,這似乎是一種很好的解決辦法,但是有空白。

這個空白其實是空白符,因為 inline-block 會使元素在行內排列,也就是跟文字在一起排列,而我們源**中 div 和 div 之間的空格、tab、換行符在瀏覽器裡會被合併成乙個空白符,所以就會出現縫隙

通過給父元素設定font-size: 0;,使空白符不可見。但會導致子元素中繼承的字型大小也為 0,解決方案: 

可以明確子元素內字型大小的,為其單獨設定文字大小。

可以使用 rem 作為字型大小單位來繼承 html 根元素的字型大小屬

java面試題 有關於繼承的面試題

面試題 1,方法過載和方法重寫的區別?方法過載能否改變返回值型別?方法過載是在本類內方法的定義一樣,引數型別,引數個數不同,返回值型別不同 方法重寫是指子類的方法定義和父類的方法定義相同。其引數型別,引數個數,返回值型別都必須相同 方法過載能否改變返回值型別,因為與返回值無關。2,this與supe...

關於概率的面試題

當前面試中各大名企經常出現各種各樣的概率類面試題。究其原因,我覺得是概率型面試題可以綜合考查面試者的思維能力 應變能力 數學能力。在這裡對各種型別的概率型題目進行了收集和總結,希望在自我總結的同時對大家有所幫助。方法比較簡單,基本思想是每次隨機取乙個數,然後把它交換到最後的位置。然後對前 n 1 個...

關於settimeout的面試題

廢話不多說,先上 1 for var i 0 i 5 i 毫無疑問,結果為0,1,2,3,4 再看下面的情況 1 for var i 0 i 5 i 1000 5 此時,結果為5,5,5,5,5 for迴圈會先執行完 同步優先於非同步優先於 上面 中settimeout在for迴圈裡是非同步執行的,...