在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關于css行內元素垂直居中的問題

關于css行內元素垂直居中的問題

下圖div是一個line boxes，里面有兩個inline-boxes，分別是input的inline-boxes和文字的匿名inline-boxes，如果讓他們倆垂直居中，之間好像牽扯了Line-height vertical-align IFC這些東西，雖然一直知道怎么垂直居中，但是原理一直不清楚，據說是css中最復雜的東西，所以想深入了解下，有好的文章可以推薦下嗎？謝謝了

clipboard.png

clipboard.png

回答
編輯回答
別硬撐

https://segmentfault.com/a/11...

看看這個會不會有靈感

2018年7月21日 23:08
編輯回答
純妹

vertial-align只適用于table。一般性方案用flex+align-items.

<div>
    <span><input type="checkbox" /></span>
    <span>This is a test line </span>
</div>

<style>
    div {
        display: flex;
        height: 200px;
    }
    span {
        display: flex;
        align-items: center;
    }
</style>
2018年1月11日 16:45
編輯回答
汐顏

height，line-height結合使用

2018年9月7日 08:27
編輯回答
熊出沒

使用display：table, 利用td的特性

2017年1月28日 07:07
編輯回答
我甘愿

可以參考我的個人博客，里面介紹了常用的四種常用水平垂直居中方式鏈接描述

2017年6月30日 07:56
編輯回答
放開她

看看這個是否對你有幫助 走你

2018年2月2日 07:43
編輯回答
懷中人

給checkbox加vertical-align:middle試下鏈接描述

2018年6月25日 14:06