微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML img align =“middle”无效

我是 HTML新手.

所以这个问题可能很容易回答.

我希望图像居中对齐.图像大小以像素为单位.

所以我想要的是这样的 –

.

我所做的是 –

<!DOCTYPE html>
<html>
<body>

    <img
        src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
        width="42" height="42"
        align="middle"
        style="float: left;
          position: relative;
          display: block;
          margin-left: auto;
          margin-right: auto;
          z-index: 1;"
        >

</body>
</html>

但我得到 –

我希望它能够做出回应.

有人可以帮我吗?

在此先感谢您的帮助.

解决方法

这个怎么样?我经常使用CSS Flexible Box Layout来集中内容.
<div style="display: flex; justify-content: center;">
  <img src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png" style="width: 40px; height: 40px;" />
</div>

原文地址:https://www.jb51.cc/html/225522.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐