Центрирование img внутри li

Question

У меня много li s под ul. Я написал здесь свой первый образ, который я динамически передаю в javascript. Мое изображение выравнивается влево, мне нужно, чтобы он был центрирован.

$("#imgemp").attr("src", src);

<ul> 
 
    <li class="imgli"> 
 
    <img id="imgemp" border="0" width="90" height="90"> 
 
    </li> 
 
</ul>

Answer 1

Вы также можете использовать:

img { 
    display: block; 
    margin: 0 auto; 
} 

Answer 2

Предполагая, что ваши li «ы width достаточно большой (более 90), чем text-align:center должны это сделать.

<li class="imgli" style='width:200px;text-align:center;' > 
    <img id="imgemp" border="0" width="90" height="90"> 
</li> 

Answer 3

image является встроенным элементом, так что вы можете использовать text-align:center.

$("#imgemp").attr("src", src);

li { 
 
    text-align: center 
 
}

<ul> 
 
    <li class="imgli"> 
 
    <img id="imgemp" border="0" width="90" height="90"> 
 
    </li> 
 
</ul>

Answer 4

Вы уже приложили imgli класс li. Почему бы просто не использовать это?

.imgli{ 
    text-align: center; 
}