在中心浮动图像

Question

我在一个段落中有一个内联图像。我想将该图像浮动在段落中间。我试着把它放在中心…

 <center>

…但我看到它在 HTML5 中被贬值了。

我试着用浮动它…

 <img style="float: middle;">

……但事实证明那根本不存在。

有没有一种简短的方法可以做到这一点，最好是在 img 标签内，比如 style 属性？

到目前为止，这是我的 HTML …

 <p>
    <img id="resize" width="70%" src="../logo.png" alt="Alt" style="CENTER THIS IMAGE... SOMEHOW...">
</p>

原文由 user5626618 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 style="display:block; margin-left: auto; margin-right: auto;" 内联

或者将其添加到 css 类

    .myimage {
        display:block;
        margin-left: auto;
        margin-right: auto;
    }

根据 CBore 评论更新

原文由 rlcrews 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以将 text-align: center; 添加到 <p> 标签

喜欢 <p style="text-align:center">

原文由 Josh M 发布，翻译遵循 CC BY-SA 3.0 许可协议