0

下图div是一个line boxes,里面有两个inline-boxes,分别是input的inline-boxes和文字的匿名inline-boxes,如果让他们俩垂直居中,之间好像牵扯了Line-height vertical-align IFC这些东西,虽然一直知道怎么垂直居中,但是原理一直不清楚,据说是css中最复杂的东西,所以想深入了解下,有好的文章可以推荐下吗?谢谢了

7个回答

1

已采纳

看看这个是否对你有帮助 走你

0

可以参考我的个人博客,里面介绍了常用的四种常用水平垂直居中方式链接描述

0

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

0

给checkbox加vertical-align:middle试下链接描述

0

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>
0

height,line-height结合使用

撰写答案