文章詳情頁
html5 - 上下居中對齊實際上無法實現吧?
瀏覽:84日期: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 - js setTimeout在雙重for循環中如何使用?2. 求救一下,用新版的phpstudy,數據庫過段時間會消失是什么情況?3. python沒入門,請教一個問題4. javascript - 我的站點貌似被別人克隆了, google 搜索特定文章,除了域名不一樣,其他的都一樣,如何解決?5. html - 爬蟲時出現“DNS lookup failed”,打開網頁卻沒問題,這是什么情況?6. 小程序怎么加外鏈,語句怎么寫!求救新手,開文檔沒發現7. php如何獲取訪問者路由器的mac地址8. javascript - 在 vue里面用import引入js文件,結果為undefined9. html5 - input type=’file’ 上傳獲取的fileList對象怎么存儲于瀏覽器?10. java 線程監控 重啟線程 觀察者模式的問題的問題
排行榜
