目標：在perent-div中 child-div中的其中乙個不改變寬度
這裡要借助flex的item屬性，也許很多人會覺得很難，其實很簡單，我說說我是怎麼記得。
首先知道有六個屬性
然後知道 flex-grow 和 flex-basis 是在有剩餘空間使用
flex-shrink 是沒有剩餘空間使用
這樣就記住一半了，
然後餘下的基本看一眼就知道了，無非就是flex、order、flex-self,就這樣記完了。
回到題目，重點使用flex-shrink
這裡一定要記住
item-div 中 （ flex-grow 和 flex-basis 是在有剩餘空間使用 ）（ flex-shrink 是沒有剩餘空間使用 ）
flex-basis 是在有剩餘空間的時候才能自定義寬度，否則不起作用。
因此：
123
子div 的margin top不生效
當兩個容器巢狀時,如果外層容器和內層容器之間 沒有別的元素 ff或chrome會把內層元素的margin top作用于父元素。解決方案一 給父div新增overflow hidden 解決方案二 給父div或子div新增padding top 100px 但是這兩種布局有不同之處 解決方案三 使用浮...
Flutter踩坑日記 Tab導航欄保持子頁面狀態
最近應邀票圈小夥伴躺坑flutter，專案初步雛形完結。以原來的工具鏈版本為基礎做了flutter版本，不過後面還是需要優化下專案接入redux，以及擴充套件一些native方法。這裡記錄一下在開發過程中碰到的一些小問題。首先是搭建tab的時候，切換tab子頁面，上乙個頁面會被釋放，導致切換回來時會...
flex布局中，保持內容不超出容器的解決辦法
在移動端，flex 布局很好用，它能夠根據裝置寬度來自動調整容器的寬度，用起來很方便，已經越來越離不開它，但是最近在做專案的時候發現乙個問題。就是在乙個設定了 flex 1 的容器中，如果文字很長，這時候文字就會超出容器，而不是呆在設定好的動態剩餘的空間中。由於實際專案的比較複雜，不好拿出來說，這裡...