なぜこれらの画像は表示を受け入れないのですか？

Question

私はワードプレスを使用しています22十六十二テーマ。私はページを作成しましたが、今では4つの画像を挿入しました。ページを開くと、画像は垂直の順序で、すなわち1つ上に表示されます。それらにはの表示：ブロックプロパティも割り当てられていません。私はdisplay：inlineとdisplay：inline-blockプロパティを試しましたが、動作しません。これらはinspect要素にはっきりと示されていますが、要素には影響しません。 （また、浮動小数点：左は完璧に動作しますが、表示：インラインで作業したい）。

問題は何ですか？どのように解決できますか？ はこちらのページで書かれたテキストです：

<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> 

Answer 1

あなたのコードを確認してください、私はあなたが
を削除した場合、それはアイテムをインラインブロックが表示されます、問題の原因となっているブレークライン
タグがあると思います。

代わりにディスプレイを使用して別の解決策：gal-

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

これはdiv要素にマッチします：インラインブロックは、あなたが、これは使用している場合はそれが動作する

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

Answer 2

のように行うことができます1人の子供がimgの場合 ディスプレイをオーバーライドする必要がある場合は重要！：ブロック。