vertical-align

weixin_34211761

于 2019-03-05 07:08:05 发布

阅读量51

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000018392198

本文探讨了在网页布局中，如何使用vertical-align属性解决图片与div容器位置不匹配的问题，通过具体代码示例展示了如何使图片在div中正确对齐。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

img的位置与div的位置有偏差

可用 vertical-align 进行调整
eg:

<div className="shadow">
    <img src={require('../../../assets/images/rectangular.png')} alt=""/>
</div>

<style>
    .shadow {
        position: absolute;
        width: 359px;
        height: 16px;
        top: -9px;
        left: -12px;
        vertical-align: top;
        >img {
             vertical-align: top;
             width: 100%;
             height: 100%;
        }
    }
</style>