html 让图片居中显示
我有一张1.jpg的图片现在搭建个IIS文档就为1.jpg当别人输入http://x.x.x.x的时候直接显示1.jpg这张图,,,我现在需要高手帮我写个HTML文件让这...
我有一张 1.jpg的图片 现在搭建个IIS 文档就为1.jpg 当别人输入http://x.x.x.x的时候 直接显示 1.jpg 这张图,,,我现在需要高手帮我写个HTML 文件 让这张图居中显示,,我的打开时他是 默认在左上角。。。这个index.html 该怎么写啊。。。
展开
展开全部
<style>
body{ margin:0; padding:0; }
div{ width:80%; height:600px; border: thin solid #F00; margin:0 auto; }/*这里的width height 大于图片的宽高*/
table{ height:100%; width:100%; text-align:center;}
</style>
<body>
<div>
<table>
<tr>
<td>
<img src='图片路径'>
</td>
</tr>
</table>
</div>
</body>
body{ margin:0; padding:0; }
div{ width:80%; height:600px; border: thin solid #F00; margin:0 auto; }/*这里的width height 大于图片的宽高*/
table{ height:100%; width:100%; text-align:center;}
</style>
<body>
<div>
<table>
<tr>
<td>
<img src='图片路径'>
</td>
</tr>
</table>
</div>
</body>
展开全部
如果只想要显示一张居中的图片的话:HTML代码可以写成这样:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>此处是标题</title>
<style type="text/css">
body {
background:url(图片地址的路径) no-repeat center;
}
</style>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>此处是标题</title>
<style type="text/css">
body {
background:url(图片地址的路径) no-repeat center;
}
</style>
</head>
<body>
</body>
</html>
追问
最佳答案我已经找到了 在这里。。简单明了。。
http://zhidao.baidu.com/question/308533039.html?fr=qrl&cid=93&index=1
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2017-09-15 · 知道合伙人软件行家
关注
展开全部
一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来判断到顶使用怎样的方法来使元素居中。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<style>
body:text-align:center
</style>
body:text-align:center
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询