文章詳情頁
html5 - 上下居中對齊實際上無法實現吧?
瀏覽:187日期: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. nignx - docker內nginx 80端口被占用2. docker容器呢SSH為什么連不通呢?3. javascript - 連續點擊觸發mouseleave事件4. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?5. 關于docker下的nginx壓力測試6. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””7. mac里的docker如何命令行開啟呢?8. docker gitlab 如何git clone?9. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下10. angular.js使用$resource服務把數據存入mongodb的問題。
排行榜

網公網安備