如何在没有文本对齐的<figure>中居中？

我喜欢认为我对CSS有很多了解，并且知道如何把事情集中起来。如何在没有文本对齐的<figure>中居中？

唉，每隔一段时间，我总是无法集中精力。我可能在做一些愚蠢的事情，那些时候我会问stackoverflow。

margin: auto;，宽度不中心。

我无法使用文本对齐，因为它中会有文本元素。把text-align: left;放在他们身上不会有利于国际化，对吧？为什么没有text-align: root; ...

那么什么是合适的解决方案？

2011-09-02 DSKrepps

保持上figure > *并添加display:block;

，除非它应用于块的元素，我不认为margin: 0 auto作品。

2011-09-02 23:29:11 MrMisterMan

我把它添加到'数字img'，以防万一。 – Artyom

当然。当我在'figure'上放置'display：block'时，我禁用了第二个数字，并且在我正在处理的页面上进行测试时，我默认'img'设置为'display：block;'，但只测试过这个数字。 – DSKrepps

@Artyom我也这么认为，但后来认识到OP提到会有'文本元素在里面'。我想我会保持我的答案简单，并坚持他的代码。 – MrMisterMan

我这个添加到你的jsfiddle：

figure img { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
}

2016-10-05 22:19:21 redcalx

回答