Javascript 通过将图像附加到列表的元素中，其他元素将被删除

我有一个块列表，当我将一个图像附加到列表中的任何元素时，其他元素会下降

以下是HTML：

    <ul class="small_slides">

        <li>
            <img src="../images/icons/add_2.png" class="open_popup" status="off">
        </li>
        <li>
            <img src="../images/icons/add_2.png" class="open_popup">
        </li>
    ...................
    </ul>

这是

我真的不明白为什么会这样，谢谢你的帮助和建议

试试这个：

.small_slides li {
   vertical-align:top;
   .....
}

---

代码的作用是什么？如果我必须猜一猜（因为我不确定你想要代码做什么）-我会说这是因为你在添加图像时没有创建新的

li

标记。@Andy我需要将图像附加到块中（它是灰色的）并附加“加号”右边的图标side@entropic我不需要创建新的li，我需要在li中添加图像。有什么样的提琴你可以贴出来让我们看看你的意思吗？

 .small_slides li {
     display: inline-block;
     width: 125px;
     height: 75px;
     border: 3px dashed #808080;
     background:#F5F5F5;
     text-align: center;
     margin-left: 40px;
     margin-top: 20px;
     cursor: pointer;
}

.small_slides li {
   vertical-align:top;
   .....
}