美文网首页
图片居中配置技巧

图片居中配置技巧

作者: MisShop智能开发平台 | 来源:发表于2019-04-30 09:59 被阅读0次

    在一个DIV布局中,放入图片控件后,需要三个关键步骤来让图片居中在这个DIV范围内:

    1.设置页面属性中的“填充属性”为“自适应宽度”

    2. 设置包裹层为“是”

    3. 设置包裹层样式为:justify-content-center

    如下图所示:

    如果是在网格布局的页面,上述方法可能不奏效,那么可以尝试下面的方法:

    1. 将图片本身的样式设为“行内块"

    2. 将图片的包裹层样式设为text-center

    如下图所示:

    相关文章

      网友评论

          本文标题:图片居中配置技巧

          本文链接:https://www.haomeiwen.com/subject/pzhmnqtx.html