li中心img

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足夠大超過text-align:center（90以上）應該這樣做。

<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; 
}