div css里怎么让一个图片在任意位置，比如靠居中在偏下，

 我来答

5个回答

#热议# 生活中有哪些实用的心理学知识？

scott
2015-05-26 · 知道合伙人互联网行家

scott
知道合伙人互联网行家

采纳数：150 获赞数：3883

前端开发行业多年从业经验，专业前端开发工程师

向TA提问私信TA

关注

展开全部

让一个图片在div任意位置，可以使用绝对定位的方式。如下示例代码：

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>测试页面</title>
	</head>
	<body>
		<style type="text/css">
			.test-box{width:300px;height:260px;margin:0px auto;position:relative;border:1px solid #333;}
			.test-box img{position:absolute;bottom:10px;left:50%;margin-left:-60px;border:0;}
		</style>

		<div class="test-box">
			<img src="https://www.baidu.com/img/baidu_jgylogo3.gif?v=31680756.gif">
		</div>
	</body>
</html>

示例中做了一个宽为300px，高为260px像素的容器，其中图片通过绝对定位，控制其位于容器的水平居中，容器底部的位置。bottom:10px;控制图片距离底部10px，left:50%、margin-left:-60px;控制图片水平居中。其中的margin-left的值根据图片宽度变化，为负的二分之一图片宽度。

最终效果如下图：

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

zhz88580
2012-09-19 · TA获得超过133个赞

知道小有建树答主

回答量：186

采纳率：0%

帮助的人：143万

我也去答题访问个人页

关注

展开全部

使用定位属性，设置它的left和top属性值来控制具体位置，例如
<div style="width:500px;height:400px;border:1px solid red;position:relative;">
  <img src="852869179433967774.jpg" style="width:100px;height:100px;position:absolute;left:200px;top:200px;"/>
  </div>

本回答被网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起