图片左（右）的文字垂直居中

最新推荐文章于 2022-09-15 19:55:39 发布

Augender

最新推荐文章于 2022-09-15 19:55:39 发布

阅读量460

点赞数

分类专栏：前端自学ing 文章标签： css

本文链接：https://blog.csdn.net/weixin_53488675/article/details/123595334

版权

前端自学ing 专栏收录该内容

28 篇文章

订阅专栏

这篇博客探讨了HTML中的<img>标签和<span>标签的样式设置，特别是`vertical-align: middle`属性用于实现元素的垂直居中对齐。同时展示了如何调整图片宽度、左右边距，并设置了登录按钮的文字颜色和大小，为网页创建了一个简洁的登录界面。

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

属性：vertical-align: middle;

  <img
          src="../assets/电子名片.png"
          alt="图片加载失败"
          style="
            width: 50px;
            vertical-align: middle;
            margin-left: 20px;
            margin-right: 20px;
          "
        />
        <span style="color: #fff; font-size: 20px">登录</span>

在这里插入图片描述