问题:

当两个div使用了display:inline-block样式后,会出现错位的情况:

两个(div)元素使用了display:inline-block后出现错位问题解决

 

 

问题分析

出现这种情况的原因是,第二个外层的div会相对于第一个 外层div 中最后渲染出来的 内层div 的顶部对齐,

所以才出现了这种错位的情况,如下所示:

两个(div)元素使用了display:inline-block后出现错位问题解决

 

 

解决

给每个外层div设置 vertical-align:top 样式,把每个外层div的顶端与行中最高元素的顶端对齐。
添加该样式后:

两个(div)元素使用了display:inline-block后出现错位问题解决

 

相关文章:

  • 2022-03-01
  • 2022-12-23
  • 2022-12-23
  • 2021-08-24
  • 2021-10-17
  • 2021-09-10
  • 2021-07-21
  • 2021-08-08
猜你喜欢
  • 2022-12-23
  • 2022-01-17
  • 2021-10-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案