Html 内联块div的最后一行右移

我已经在谷歌上搜索了这么多关于这个问题的信息，我就是无法修复它

这真的很烦人，快把我逼疯了

我有一份由几个街区组成的菜单。这些是由带display:inline块的div创建的

我也试过float:left，但我需要这些都集中在屏幕上，这不起作用

对于我的内联块，它可以很好地工作，并通过生成更多行来调整屏幕大小-但最后一行总是偏移2像素

这是我的代码和css

<div class="menublock"><div class="menublock-inner" style="text-align:center;"><i class="fa fa-home fa-3x" style="color:#fff;" aria-hidden="true"></i><br /><br /><b>home</b></div></div>
<div class="menublock"><div class="menublock-inner" style="text-align:center;"><i class="fa fa-home fa-3x" style="color:#fff;" aria-hidden="true"></i><br /><br /><b>home</b></div></div>
<div class="menublock"><div class="menublock-inner" style="text-align:center;"><i class="fa fa-home fa-3x" style="color:#fff;" aria-hidden="true"></i><br /><br /><b>home</b></div></div>
<div class="menublock"><div class="menublock-inner" style="text-align:center;"><i class="fa fa-home fa-3x" style="color:#fff;" aria-hidden="true"></i><br /><br /><b>home</b></div></div>
<div class="menublock"><div class="menublock-inner" style="text-align:center;"><i class="fa fa-home fa-3x" style="color:#fff;" aria-hidden="true"></i><br /><br /><b>home</b></div></div>
<div class="menublock"><div class="menublock-inner" style="text-align:center;"><i class="fa fa-home fa-3x" style="color:#fff;" aria-hidden="true"></i><br /><br /><b>home</b></div></div>


.menublock {
width: 170px;
height: 150px;
margin: 0px;
padding: 0px;
display: inline-block;
background: #0074bc;
color: #fff;
cursor: pointer;
vertical-align: top;
}

.menublock-inner {
padding-top: 30px;
}

主页


主页


主页


主页


主页


主页
.菜单块{
宽度：170px；
高度：150像素；
边际：0px；
填充：0px；
显示：内联块；
背景：公元前0074年；
颜色：#fff；
光标：指针；
垂直对齐：顶部；
}
.菜单块内部{
填充顶部：30px；
}

结果是

---

看看这个老链接，它总是让我着迷：

所以我会做一些不同的事情，比如：

正文{
背景：#000；
}
.包装纸{
保证金：30像素自动；
填充：0；
文本对齐：居中；
宽度：100%；
最大宽度：610px；
}
.菜单块{
保证金：0；
填充：0；
显示：内联块；
}
.菜单块内部{
保证金：0；
填充：0；
显示：表格；
垂直对齐：中间对齐；
背景：rgba（0,94184,1）；
高度：200px；
宽度：200px；
}
.图标{
保证金：0；
填充：0；
显示：表格单元格；
垂直对齐：中间对齐；
}
法兰西{
}
跨度{
垫面：5px；
显示：块；
颜色：白色；
文本转换：大写；
}

家
家
家
家
家
家

你能设置一个JS小提琴来重现这个错误吗？它实际上工作得很好，在我的浏览器上进行测试也可以。你的代码工作得很好！工作正常，但如果可能，请提供更多详细信息，如broswer/version等。小提琴可能会使用更多/更少的css等，如重置代码，或者你可能会有更多的中断。这里还有另一个帖子，也就是说：你能说你从指定链接使用哪种方法吗？尽管我不能用问题中给出的html/css重现这个问题，因为这个小问题等等，我做的这类事情与我的示例不同，当然，如果不关心旧浏览器，我会使用float而不是display或Flex-box