使用overflow:hidden之后使的同行元素不对齐

一个父元素(块级元素)中有几个在同一水平线上的几个元素(行内块元素),设置其中某个元素的oveflow:hidden之后,会导致这几个行内元素不再是同一水平线上对齐

原因是:

1)行内元素的默认vertical-align:baseline(基线对齐),设置overflow不为visible之后会改变他的基线为下边距边缘

2)其他行内元素为了对齐,就会发生向下偏移的现象

解决方案:

方案一)显示设置行内元素对齐方式,em: vertical-align:top

方案二)设置其他元素都为overflow:hidden

方案三)设置元素float

转载于:https://www.cnblogs.com/evaling/p/10702095.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值