大家好,我有许多具有类名的 div,例如ItemLeft、ItemMiddle 和 ItemRight。我想知道如何使用 css 或任何简单的方法连续显示这些图像 div 3(目前所有图像都显示在彼此下方)?
我从 getjson 调用中获取图像 div,如下所示:
$.getJSON('http://www.awebsite.com/get?url=http://www.bwebsite.com/moreclips.php&callback=?', function(data){
//$('#output').html(data.contents);
var siteContents = data.contents;
document.getElementById("myDiv").innerHTML=siteContents
注意:每次我调用 getjson 时,我都会返回 6 个图像 div,这些 div 显示在彼此下方,而不是连续显示 3 个!
这是通过调用 getjson 检索到的 div 图像,但所有这些图像 div 彼此下方不是 3 行:
<div class="ItemLeft">
<div class="Clipping">
<a class="ImageLink" href="/videos/id1234" title="galaxy">
<img class="ItemImage" src="/Images/galaxyimg.jpg" alt="galaxy" />
<img class="OverlayIcon" src="/Images/1.png" alt="" />
</a>
<a class="DurationInfo" onmouseover="showDuration2(this);" onmouseout="hideDuration2(this);" href="/videos/id1234"><span class="Text">51:57</span></a>
</div>
<div class="Title"><a href="/videos/id1234" title="galaxy">galaxy</a></div>
<div class="VideoAge">1 daybefore</div>
<div class="PlaysInfo"> broadcast 265</div>
</div>