HTML img align =“middle”无效

发布时间：2020-12-14 18:42:09 所属栏目：资源来源：网络整理

导读：我是 HTML新手. 所以这个问题可能很容易回答. 我希望图像居中对齐.图像大小以像素为单位. 所以我想要的是这样的 – . 我所做的是 – !DOCTYPE htmlhtmlbody img src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png" width

我是 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!