zaxlctjs 2015-07-13 03:56 采纳率: 81%
浏览 4389
已采纳

div里图片和文字同时存在的布局问题,谢谢了

<html>
<head>
<style>
.nav{width:120px; height:30px; font-size:18px; line-height:30px; background:red;}
</style>
</head>

<body>
<div class="nav">
<img src="top.png" width="20" height="20"/>
<span>加油</span>
</div>
</body>
</html>

这段代码是没有问题的,文字在盒子里水平是居中的,但是在style里加了这个样式后
img{margin-top:10px;}
图片是往下挪了,为什么文字也跟着往下挪了,不解,求教,谢谢啦

  • 写回答

4条回答 默认 最新

  • tutu__ 2015-07-13 04:04
    关注

    因为img和span都是行内元素,外边距是影响整块内容的。
    如果只想移动img,可以给img加上如下样式:
    img{ position: relative; top: 10px;}
    就可以了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效