文章詳情頁
html5 - 上下居中對齊實際上無法實現吧?
瀏覽:108日期: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. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?2. mysql優化 - 關于mysql分區3. html5 - 如何實現帶陰影的不規則容器?4. javascript - 循環嵌套多個promise應該如何實現?5. python - 管道符和ssh傳文件6. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應7. objective-c - iOS開發支付寶和微信支付完成為什么跳轉到了之前開發的一個app?8. javascript - 為什么這個點擊事件需要點擊兩次才有效果9. javascript - ionic2 input autofocus 電腦成功,iOS手機鍵盤不彈出10. vue.js - vue 打包后 nginx 服務端API請求跨域問題無法解決。
排行榜
