图片居中配置技巧

2019-04-30  本文已影响0人  MisShop智能开发平台

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

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

2. 设置包裹层为“是”

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

如下图所示:

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

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

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

如下图所示:

上一篇下一篇

猜你喜欢

热点阅读