div 水平垂直居中：
絕對定位+transform
絕對定位方法+margin-left的一半
絕對定位方法：絕對定位下top left right bottom 都設定0，margin設定auto
flex
隱藏元素
dom 結構：瀏覽器不會渲染 display 屬性為 none 的元素，不佔據空間；
事件監聽：無法進行 dom 事件監聽；
效能：動態改變此屬性時會引起重排，效能較差；
繼承：不會被子元素繼承，畢竟子類也不會被渲染；
transition：transition 不支援 display。
dom 結構：元素被隱藏，但是會被渲染不會消失，佔據空間；
事件監聽：無法進行 dom 事件監聽；
性 能：動態改變此屬性時會引起重繪，效能較高；
繼 承：會被子元素繼承，子元素可以通過設定 visibility: visible; 來取消隱藏；
transition：visibility 會立即顯示，隱藏時會延時
dom 結構：透明度為 100%，元素隱藏，佔據空間；
事件監聽：可以進行 dom 事件監聽；
性 能：提公升為合成層，不會觸發重繪，效能較高；
繼 承：會被子元素繼承,且，子元素並不能通過 opacity: 1 來取消隱藏；
transition：opacity 可以延時顯示和隱藏
重繪和回流
重繪：會驗證節點可見性
回流：布局或者幾何大小改變引起，乙個元素的回流可能會導致了其所有子元素以及dom中緊隨其後的節點、祖先節點元素的隨後的回流。
瀏覽器渲染機制：
瀏覽器把html解析成dom樹，css解析成cssom，這兩個合併成render tree
通過render tree就知道所有節點的樣式，計算節點在頁面的大小和位置，然後放在頁面
移動端常見樣式問題
1 border 1px相容性問題 解決辦法 1px px大寫 2 ios上使用 webkit user select none導致input textarea輸入框無法輸入 3 antd mobile tabs在ios如果不禁用swipeable會出現向下滾動時觸發左滑動 4 ios載入順序打包後...
常見樣式相容性問題整理
1.在ie6下，div底部會多出一行，而且是原來的字。說明 這是注釋bug，經典的ie6 bug。注釋造成文字溢位是ie6的bug，注釋造成文字溢位與其位置有關，注釋造成文字溢位與文字區塊的固定寬度有關，溢位文字的字數 注釋的條數 2 1，這裡的字數在中文或英文數字時都成立。當溢位的文字字數大於文字...
常見的樣式
一 css文字屬性 color 999999 文字顏色 font family 宋體,sans serif 文字字型 font size 9pt 文字大小 font style itelic 文字斜體 font variant small caps 小字型 letter spacing 1pt 字間...