css - 在中心 float 图像

标签 css html

<分区>

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

<center>

...但我看到它在 HTML5 中被贬低了。
我尝试将它与...一起使用 float

<img style="float: middle;">

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

有没有一个简短的方法来做到这一点,最好是在 img 标签内,比如 style 属性?
到目前为止,这是我的 HTML...

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

最佳答案

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

或者将它添加到一个css类中

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

根据 CBore 评论更新

关于css - 在中心 float 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34908332/

相关文章:

html - 页脚不会在移动 View 中停留

html - 如何删除html表格中的水平线?

javascript - 如何使用 HTML5 Canvas 制作 3D 射击游戏?

html - 按钮之间的间距相等(水平)

html - 如何设置密码的最小长度

javascript - 预加载器在 HTML 完成加载/Javascript 之前消失

jquery - 如何以固定高度 UL 滚动 LI 元素?

javascript - Javascript 中的视差问题

html - 未设置时的相对位置继承

html - 如何制作后台附件:fixed; not stretch the image?