如何跨浏览器将自定义图像垂直居中于<li>元素中?

如果您指的是在列表中使用自定义图像项目符号,这是您要使用的代码,它将垂直居中。我在这里假设子弹图像是12px乘以12px。

ul li {
  background: transparent url(/link/to/custom/bullet.gif) no-repeat 0 50%; 
  padding-left: 18px; 
}

干杯,布鲁斯

在li元素上设置特定的线条高度,并在图像上设置垂直对齐。。为我工作

li { height: 150px; line-height: 150px; }
li img { vertical-align: middle; }

<li><img src="myimage.jpg" /></li>

如果要使图像适应custon大小,请保留比例

li img { max-width: 150px; max-height: 150px; width: auto; height: auto; }

您是否尝试过在CSS文件中添加以下代码?

li
{
   background-image: URL('custom.png');
   background-repeat: no-repeat;
   background-position: center;
}