上記の代わりに同じ行に表示された画像

Question

表示される行は、 の画像とテキストの後に、 の代わりに画像の下に表示されるテキストです。

<div style="display: inline-block;"> 
<img src="imgSource" alt="img"> 
<div style="display: inline-block;">imgText</div> 
</div> 

<div style="display: inline-block;"> 
<img src="imgSource" alt="img"> 
<div style="display: inline-block;">imgText</div> 
</div> 

<div style="display: inline-block;"> 
<img src="imgSource" alt="img"> 
<div style="display: inline-block;">imgText</div> 
</div> 

編集時には、すべて正常に動作し、時にはその最初のcontaing Divが常に動作するように動作します。 HTML5の機能について

Answer 1

<div > 
    <label for="photo">Photo</label> 
    <img id="photoPrev" src="" height="50" width="50"/> 
</div> 

Answer 2

<div style="display: inline-block;"> 
<img src="imgSource" alt="img" style="float:left;"> 
<div style="display: inline-block; float:left;">imgText</div> 
</div> 

Answer 3

何？

<figure> 
    <img src="imgSource" alt="alt"> 
    <figcaption style="display:inline-block;">imgText</figcaption> 
</figure> 

Answer 4

あなたがする必要があるすべてはあなたのページ

<style> 
img { 
vertical-align: middle; 
} 
</style> 

に、このCSSスタイルを追加し、

<div> 
<img src="imgSource" alt="img"> 
text-image 
</div> 

としてIMGをロードし、このすべてがテキスト

で画像をロードしますです

Answer 5

プレビューで問題が数回しか発生していないことを理解しました。私は私の側から何の問題も見ません。

てみは明確に追加する：両方

<div style="display: inline-block;clear:both"> 
<img src="imgSource" alt="img"> 
<div style="display: inline-block;">imgText</div> 
</div> 

<div style="display: inline-block;clear:both"> 
<img src="imgSource" alt="img"> 
<div style="display: inline-block;">imgText</div> 
</div> 

<div style="display: inline-block;clear:both"> 
<img src="imgSource" alt="img"> 
<div style="display: inline-block;">imgText</div> 
</div>