所有的元素都有个默认的基线,且默认基线对齐是底对齐

复选框与其后面的文字在同一个父容器内,默认对齐的基线为父容器的底部,所以造成了复选框与文字不对齐。

vertical-align这个属性控制以什么为基线。

可以通过给复选框与复选框后面的文字都设置vertical-align: middle;实现都以父容器的中间部位为基线对齐,达到对齐的目的。

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐