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

原因是:

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

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

解决方案:

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

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

方案三)设置元素float

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

原因是:

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

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

解决方案:

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

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

方案三)设置元素float

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-17
  • 2021-08-05
  • 2021-09-26
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-12
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案