如何在沒有文本對齊的<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

回答