Html 为什么这些图像不接受display:inline属性？

我用的是WordPress的2016主题。我已经创建了一个页面，现在我已经在其中插入了4个图像。当我打开页面时，图像以垂直顺序显示，即1比1高。它们也没有指定“显示：块”属性。我尝试了display:inline和display:inline块属性，但它们不起作用。这些都在inspect element中清楚地显示，但它们不会影响元素。另外，float:left工作得很好，但我希望display:inline工作

问题是什么？我如何解决？ 以下是页面上的文字：

<div id="gal-1">
<img src="http://localhost/microsoft/wp-content/themes/twentysixteen/images/surface.jpg" alt="" />
<img src="http://localhost/microsoft/wp-content/themes/twentysixteen/images/lumia.jpg" alt="" />
<img src="http://localhost/microsoft/wp-content/themes/twentysixteen/images/windows.jpg" alt="" />
<img src="http://localhost/microsoft/wp-content/themes/twentysixteen/images/edge.jpg" alt="" />
</div>

---

请检查您的代码，我认为有断线标签，这是造成问题，如果您删除它将显示项目内联块

另一个解决方案

代替使用display:inline块，您可以像

#gal-1
{
display:flex;
display: -ms-flexbox;
display: -webkit-flex;
}
#gal-1 img
{
display:inline-flex;
}

---

如果您使用以下方法，它将起作用：

div#gal-1>img {
   display:inline;
}

当它是img时，它将匹配div gal-1 child。

---

使用重要信息（如有必要）覆盖任何显示：块

默认情况下，图像已显示：内联块。如果您的图像以垂直顺序显示，那么您还有其他一些代码影响图像。谢谢。这是默认的中断。我在每张照片后都把它删除了。