如何在col-xs-12 div中将儿童水平居中？

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>

希望有帮助。

Answer 2

您只需使用alignn class witn col-xs-12

<div align="center" class="col-xs-12"> <div><img src="80x150 image"/></div> <div><a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy Policy</a></div> </div>