我试图在Bootstrap的旋转木马中修复一些东西;我在旋转木马上有大的宽幅图像。我需要它们在旋转木马中心对齐。 我最终使用了这个显示:flex解决方案提供in this link。
就图像居中而言,它起作用了。但现在我面临另一个问题。 似乎转换只能顺利运行,直到下一个图像到达div的左边界。在那之后,它直接跳到中心位置。看起来有这种跳跃,它看起来非常糟糕。
这是我正在使用的代码:
<div class="carousel-inner" role="listbox" style="display:flex; justify-content:center; height:415px; overflow:hidden;">
<img src="images/produtos_02.png" alt="text" style="flex:none;">
project link with this problem(主页,主菜单下方)。
有关如何结束这种颠簸的任何想法?尝试保证金左:自动/保证金权利:自动但没有成功。