如何编写CSS将文字显示在图片下方

2025-03-10 05:57:35

推荐回答（5个）

回答1：

1、比如我在div里面书写了一些文字，然后想要在放入一张图片，这时候小伙伴可能会直接想到img标签，其实这个想法是错误的。

2、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

3、然后通过background给div添加一张图片作为它的背景。

4、通过url()来连接图片，url里面放置的就是背景图片的路径。

5、我就随意的放了一张图片用作背景，注意，路径要写对哦。

回答2：

编写CSS将文字显示在图片下方，首先我们是需要3个div，一个总的div包裹着其他2个div，然后在通过给他们设置好图片的width来设置这些div的宽度，自然它将将文字挤下来了，通过代码来理解：

回答3：

每个图和文字结合为一个li。
然后li里再分图和文字，这里文字就直接用a标签也可以，反正它最后是链接的。
如：

这样布局。

然后在定li的宽度。。。

但是这样的话图片还要去写一次链接。所以还有种方法就是。

这个和楼上的差不多，但是楼上的是加的P ，我不建议那么做，因为span是内敛标签，P是块级标签。

回答4：

图片默认为内联元素，可以设置图片为块级元素，然后直接写文字就可以在图片下方了。

回答5：

直接在图片后面跟个换行符号
再跟上文字就可以，不用编写CSS。