文章詳情頁
html5 - 上下居中對齊實際上無法實現吧?
瀏覽:88日期:2023-06-16 14:00:16
問題描述
vertical-align中有top,middle,baseline,bottom。請看下面的line-height模型中的四條線。
從幾何上看,這個line-height模型的幾何中線在 middle line 和base line中間,middle line 偏上;base line 偏下。vertical-align 無論參照什么對齊,都無法居于幾何中心對齊。只能說容器高度越低,偏差越小,肉眼越無法分辨。
我的理解正確嗎? 另外,當我們使用display:flex;align-items:center; 讓子容器居中的時候,是參照幾何中心線居中,還是base line?
問題解答
回答1:可以這么理解,但是還是可以居中對齊的http://www.zhangxinxu.com/wor...
標簽:
Html5
相關文章:
1. javascript - 百度echarts series數據更新問題2. MySQL客戶端吃掉了SQL注解?3. python小白的基礎問題 關于while循環的嵌套4. css3 - [CSS] 動畫效果 3D翻轉bug5. javascript - JS設置Video視頻對象的currentTime時出現了問題,IE,Edge,火狐,都可以設置,反而chrom卻...6. java - 我設置了cookie的max age,但是cookie依然在關閉游覽器后消失了7. java固定鍵值轉換,使用枚舉實現字典?8. php自學從哪里開始?9. phpstady在win10上運行10. 求大神幫我看看是哪里寫錯了 感謝細心解答
排行榜
