Html 为什么不能很好地定位在列表中的两个位置？

我有这一页：

我已经在上面列出了，不幸的是元素（一些）没有正确定位

我想被制服（固定）

请看下面的图片，以便更清楚地理解我的意思

代码HTML:

<ul class="new-list">
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/unlimited-2015-photo-impression.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image1_.jpeg" width="145" alt="kranz"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/marlene-dumas-image-as-burden-fondation.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image5_.jpeg" width="145" alt="thumb"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/unlimited-2015-photo-impression.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image1_.jpeg" width="145" alt="kranz"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/marlene-dumas-image-as-burden-fondation.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image5_.jpeg" width="145" alt="thumb"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/unlimited-2015-photo-impression.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image1_.jpeg" width="145" alt="kranz"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/marlene-dumas-image-as-burden-fondation.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image5_.jpeg" width="145" alt="thumb"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/unlimited-2015-photo-impression.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image1_.jpeg" width="145" alt="kranz"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/marlene-dumas-image-as-burden-fondation.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image5_.jpeg" width="145" alt="thumb"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/marlene-dumas-image-as-burden-fondation.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image5_.jpeg" width="145" alt="thumb"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/marlene-dumas-image-as-burden-fondation.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image5_.jpeg" width="145" alt="thumb"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/unlimited-2015-photo-impression.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image1_.jpeg" width="145" alt="kranz"></a></li>
  <li><a href="http://paulvanesch.blogspot.ro/2015/06/marlene-dumas-image-as-burden-fondation.html?view=flipcard" target="_blank"><img src="/wp-content/themes/wpbootstrap/images/image5_.jpeg" width="145" alt="thumb"></a></li>
<ul>
</ul></ul>

.new-list{
  text-align:center;
}
.new-list li{
  display:inline-block;
}

你能告诉我什么是问题，什么是不好的吗

---

提前谢谢

这与

元素之间的空白有关。在下面的其他行中，它们都是一行的一部分。在你最上面的两行中，有一行在结尾处被打断了，而让它们居中的空白正是造成这种情况的原因

---

我目前没有解决您的问题的方法，但这就是原因。

这与

元素之间的空白有关。在下面的其他行中，它们都是一行的一部分。在你最上面的两行中，有一行在结尾处被打断了，而让它们居中的空白正是造成这种情况的原因

我目前没有解决您的问题的方法，但这就是问题的原因。
您是否尝试过
。新列表{text align:center；padding:0；margin:0}
和
。新列表{display:inline block；padding:0；margin:0}
？您的问题是在一些
之间有换行。这些会生成空格（字体大小不同）。删除或注释它们。最后两行出现空的
-为什么？您是否尝试过
。新列表{text align:center；padding:0；margin:0}
和
。新列表{display:inline块；padding:0；margin:0}
？您的问题是在一些
之间有换行。这些会生成空格（字体大小不同）。删除或注释它们。最后两行是空的
-为什么？@cimmanon问题不是元素之间的空白。这是一个不明显的解决方案；也许只是对一些人。这就是为什么我没有投票结束，你不应该猜测我在想什么。@cimmanon问题不是元素之间的空白。这是一个不明显的解决方案；也许只是对一些人。这就是为什么我没有投票结束，你不应该猜测我在想什么。