文章詳情頁
html5 - 上下居中對齊實際上無法實現吧?
瀏覽:118日期: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. angular.js - 各位大神們,你們混合開發,web方式中更推薦用什么框架呀? react?vue?angular?謝謝~2. angular.js - angularjs的自定義過濾器如何給文字加顏色?3. angular.js使用$resource服務把數據存入mongodb的問題。4. docker-machine添加一個已有的docker主機問題5. javascript - IOS微信audio標簽不能通過touchend播放6. PHP類中的$this7. 老師百度網盤分享一下WampServer的包啊,我們下載幾kb要下載一天的.8. html5 - vuex 為什么需要action,我發現進行異步操作回調中直接操作mutation也沒有報錯9. java-ee - nginx做前端服務器,tomcat+apache做后端,那么war部署在哪里?10. 前端 - 集思廣益,如何用CSS實現數字上面有一個點
排行榜
