Comment aligner un Div dans une cellule de tableau- Ne fonctionne pas pour moi

Question

J'ai une table que je veux aligner certains divs horizontalement, mais cela ne semble pas fonctionner pour moi. Je suis sûr que la solution est simple .. Ce que je trouve ennuyeux, c'est que la fonctionnalité text-align n'aligne que les zones de texte (ce qui est parfaitement normal) mais je ne trouve pas le moyen de faire la même chose avec les divs.

Ce qui est bizarre, c'est que lorsque je zoome beaucoup, il s'aligne.

jsFiffle

Answer 1

https://jsfiddle.net/9a2mc3vw/ ~ vérifier ce violon

background-image: url('http://i.imgur.com/sn7XtQE.jpg'); 
    height: 51px; 
    width: 51px; 
    display: table-cell; 

Answer 2

ce code ne fonctionnera que si vous supprimez display: inline-block dans votre div id

background-image: url('http://i.imgur.com/sn7XtQE.jpg'); 
height: 50px; 
width: 50px; 
margin: 0 auto;