Div中的中心图像

Question

好的，所以我知道这已被问了一百万次，但是我正在使用通常的技巧而且它没有用。

代码在这里：

JS Fiddle

我需要以圆形div为中心的驱动程序图像。

我的代码：

    <div style= 'margin: 0;margin-left: auto;margin-right: auto;display: block;'>

<img src='http://fantasy-f1-league.com/images/drivers/Carlos_Sainz_Jr.png' width = '90'></div>

很多代码都不是我的（我根据我发现的一个演示使用了Dragula）我想其他一些CSS可能会超出我想要的范围。

感谢。

Answer 1

您可以使用flex：

执行此操作

将此添加到保留图片的div：

display: flex;
justify-content: center;

更新了小提琴：https://jsfiddle.net/o03eqLux/