如何将整个图形水平居中在列中?
问题有两个。您最初的问题是您只.text-center
在figcaption
。居中img
和figcaption
中figure
,移动.text-center
至figure
代替,并且将围绕内嵌img
在和文字figcaption
水平。
然后,当您说那行不通并且包括了页面其余部分的上下文时,您实际上也希望figure
相对于其周围的内容居中。figure
具有class .figure
,它会添加,display: inline-block;
因此.col
默认情况下它将保持对齐。在内容中心最简单的方式figure
相对于的内容外figure
就是要么删除.figure
类,这样的元素可以是它的天然display: block
和.text-center
将围绕它的内容,也可以添加类.d-block
的figure
,如果你想保留.figure
类。
Elit ratione dolorum velit nesciunt aliquid Vitae culpa exercitationem ex animi quis praesentium Fuga sapiente dignissimos deserunt quia officiis nihil. Vero dignissimos excepturi iste ut fugiat! Nostrum quibusdam labore molestiae.