html - 我怎样才能在 col-xs-12 div 中水平居中 child ？

Question

这是我的代码。

<div class="pull-right" style="display:flex">  
    <div><img src="80x150 image"/></div>
    <div><a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy Policy</a></div>
</div>

我想将带图片的 div 和带链接的 div 水平居中。

Answer 1

我不确定它是否是您正在寻找的，但您可以简单地添加 mx-auto 类以实现水平居中。不要忘记设置要居中的元素的宽度。

例如:

<div class="mx-auto" style="width: 200px;"><img src="80x150 image"/></div>

希望对您有所帮助。