文章詳情頁(yè)
html5 - 上下居中對(duì)齊實(shí)際上無(wú)法實(shí)現(xiàn)吧?
瀏覽:101日期:2023-06-16 14:00:16
問(wèn)題描述
vertical-align中有top,middle,baseline,bottom。請(qǐng)看下面的line-height模型中的四條線。
從幾何上看,這個(gè)line-height模型的幾何中線在 middle line 和base line中間,middle line 偏上;base line 偏下。vertical-align 無(wú)論參照什么對(duì)齊,都無(wú)法居于幾何中心對(duì)齊。只能說(shuō)容器高度越低,偏差越小,肉眼越無(wú)法分辨。
我的理解正確嗎? 另外,當(dāng)我們使用display:flex;align-items:center; 讓子容器居中的時(shí)候,是參照幾何中心線居中,還是base line?
問(wèn)題解答
回答1:可以這么理解,但是還是可以居中對(duì)齊的http://www.zhangxinxu.com/wor...
標(biāo)簽:
Html5
相關(guān)文章:
1. angular.js - webpack build后的angularjs路由跳轉(zhuǎn)問(wèn)題2. java - Activity中的成員變量被賦值之后,Activity被回收的時(shí)候內(nèi)存才會(huì)被釋放嗎3. java - web項(xiàng)目中,用戶登陸信息存儲(chǔ)在session中好 還是cookie中好,取決于什么?4. php由5.3升級(jí)到5.6后,登錄網(wǎng)站,返回的是php代碼,不是登錄界面,各位大神有知道的嗎?5. 數(shù)組按鍵值封裝!6. 我寫的哪里有錯(cuò)?請(qǐng)大神幫忙查看一下。7. tp5.0,param獲取全部參數(shù)8. 使用list和each配合,的作業(yè),輸出一行后,如何換行9. 老師,flex-shrink: 1; 按視頻操作,不會(huì)自動(dòng)縮放10. 為什么 必須在<ul> 下建立 <li> 在建<a>?
排行榜

熱門標(biāo)簽