HTML img align =“middle”无效

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的HTML相关文章