css li图像排列跳转位置

当我在

上赋值时，我的css img有问题，有人能告诉我发生了什么吗

CSS

<style>
.contain {
    width: 740px;
    height: auto;
    margin-top: 10px;
}
.contain ul li img {
    border: 1px solid #999;
    width: 127px;
    height: 180px;
}
.contain ul li {
    float:left;
    text-decoration: none;
    list-style-type: none;
    margin-top: 15px;
    margin-right: 8px;
    margin-bottom: 15px;
    margin-left: 7px;
    display: block;
}
</style>

.包含{
宽度：740px；
高度：自动；
边缘顶部：10px；
}
.包含ul li img{
边框：1px实心#999；
宽度：127px；
高度：180像素；
}
.包含ul li{
浮动：左；
文字装饰：无；
列表样式类型：无；
边缘顶部：15px；
右边距：8px；
边缘底部：15px；
左边距：7px；
显示：块；
}

HTML

<div class="contain">
    <ul>
       <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>       
        <li><img name="Name" src="img/a.jpg" width="127" height="180" alt=\"imgName"></li>               
    </ul>

但img输出如下所示：

---

正如您在第二行中看到的，左边是一幅图像，第三行img中肯定有4幅图像，那么为什么图像不按2行顺序排列，每行5幅呢？

输出结果是这样的，因为您的边距，特别是左边和右边…删除它们..

对不起，这个词错了。实际上是这样的。为什么img不订购两排5。thx对于注意力似乎对我很好，这就是为什么我感到困惑，为什么输出结果是这样thx对于你来说，我发现问题是真的。这个问题回答了你的问题吗？