把img放在李的中心

Centering an img inside li

本文关键字：img 更新时间：2023-09-26

我在ul下有许多li。我在这里写了我的第一个图像，我用javascript动态传递它的源代码。我的图像是左对齐的，我需要它居中。

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

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

您也可以使用：

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

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>

您已经将imgli类附加到li。为什么不直接用这个呢？

.imgli{
    text-align: center;
}

假设你的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>