Question

我试图做一些看似相当简单的事情。

我试图连续显示几张图片。对于每个图像，我想直接在它下面显示文本。当我尝试这个时，它要么包裹线条而且我不能将图像彼此相邻或者它内联所有内容并且第3个图像包裹屏幕。

有什么想法吗？

这里有一些代码......

    <div style"display:inline">
        <img src="img/test.jpg" />
        Features
        <a href="http://www.youtube.com/watch?v=wO4HJOf_DGU" rel="lightbox"><img alt="Watch a Video" src="img/test.jpg" /></a>
        Watch a Video
        <img src="img/test.jpg" /><br/>
        Excetera
    </div>

Answer 1

在div中包裹图像。将文本放在同一div中的范围内;并通过给它 style="clear:both"

将其置于图像下方

如果你不想手动设置宽度，你可以制作div float并将它们放在一个更大的div中。

例如： <div> <div style="width:100px; height:100px; border: 1px solid red; diaply:inline;"></div> <span style="clear:both">Textg</span> </div>

内联div充当图片。

文字显示在图片

下

如何在div标签内将事物分组（文本上的图像+文本上的图像）？

1 个答案: