css里面样式问题

zxl5200011 2016-10-31 10:48:58
我的html中添加了一个图片,我想让这个图片在html页面的正中间,然后css样式中怎么写?????????
...全文
289 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
俊刚、 2016-11-01
  • 打赏
  • 举报
回复
给图片单独套个div,给div做margin设置就好了,设置用百分比,具体如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片居中</title>
<style>
html{height:100%; width:100%}
body{height:100%; width:100%}
.d1{width:800px; 
       height:500px; 
	background:red;
	position:fixed;
	top:50%;
	margin-top:-250px;
        left:50%;
	margin-left:-400px;
}
.d1 img{width:100%;height:100%}
</style>
</head>
<body>
      <div class="d1">
           <img src="1.jpg"/>
      </div>
</body>
</html>
cocklee 2016-11-01
  • 打赏
  • 举报
回复
<style> body{text-align:center;} </style>
当作看不见 2016-10-31
  • 打赏
  • 举报
回复

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>qiqi</title>
</head>
<body>
	<img src="" id="img" style="top:200;left: 200;position: fixed;border: 1px solid;}"/>
</body>
<script type="text/javascript">
	img.style.left=parseInt( window.innerWidth)/2 - parseInt(getComputedStyle(img,null).width)+'px'
	img.style.top=parseInt( window.innerHeight)/2 - parseInt(getComputedStyle(img,null).height)+'px'
</script>
</html>

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧