css如何调整两个div的相对位置?
html文件如下(第一个div是一张图片,第二个div是一句话):<divclass="img"><imgsrc="img/1.jpg"alt=""></div><div...
html文件如下(第一个div是一张图片,第二个div是一句话):
<div class="img">
<img src="img/1.jpg" alt="">
</div>
<div class="text">
<div>This is a title.</div>
</div>
css如下:
img{
/*部分省略*/
width: 150px;
height: 150px;
margin-left: 100px;
}
.text{
margin-left:280px;
}
现在显示出来是这样的:
但我想要让图片和文字的相对位置变成这样:
请问应该css应该添加什么样的条件呢?
我试过给.text添加margin-top之后,图片和文字一起下移是怎么回事呢?如何让图片不变,只文字下移呢?谢谢解答!灰常感谢! 展开
<div class="img">
<img src="img/1.jpg" alt="">
</div>
<div class="text">
<div>This is a title.</div>
</div>
css如下:
img{
/*部分省略*/
width: 150px;
height: 150px;
margin-left: 100px;
}
.text{
margin-left:280px;
}
现在显示出来是这样的:
但我想要让图片和文字的相对位置变成这样:
请问应该css应该添加什么样的条件呢?
我试过给.text添加margin-top之后,图片和文字一起下移是怎么回事呢?如何让图片不变,只文字下移呢?谢谢解答!灰常感谢! 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询