                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /瀑布流布局

为啥在img下加个p标签，p标签文字跑上去了

<div>

<img>

<p>

<div>

分别把p, img 用appendto添加到那个div盒子里，结果图片在下面，文字在上面去了

想要的效果是：图片上，文字下

15:41

慕仙5237505

2018-01-30

源自：瀑布流布局 3-2

关注问题我要回答

1952

操作

收起

3 回答

与时不老
2018-05-20

代码是从上到下执行的，先appendTo img标签，然后是p标签

$('<img>').appendTo($(oBox));
$('<p>').appendTo($(oBox));

1 回复有任何疑惑可以回复我~

收起回答

一杯开水
2018-03-08

你要把文字设置在一个div下,不要和img在同一个div.

<div class="pic"><img/></div>
<div class="text"><p>胡杨树</p></div>

这是我写的,文字在图片下面

0 回复有任何疑惑可以回复我~

收起回答

杰瑞君
2018-01-31

图片设置为块元素

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

瀑布流布局

参与学习 97750 人
解答问题 758 个

瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式

进入课程

本课相似问答

2 回答如果pic里面不只一个img标签还有p标签呢？

3 回答怎么快速标注图片的标号从1-20 img src = “images/0.jpg”

1 回答index的值好像没取上，所有图片跑到第一张下面去了

2 回答怎么在图片地下加文字css3多栏布局

5 回答最下面图片的下边框跑到页面上方了，怎么解决

搜索更多本课相关问答

为啥在img下加个p标签，p标签文字跑上去了

我要回答关注问题

热搜

最近搜索清空

为啥在img下加个p标签，p标签文字跑上去了

3 回答

本课相似问答

为啥在img下加个p标签，p标签文字跑上去了