六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 27|回复: 0

图片在div中居中显示

[复制链接]

升级  42.67%

34

主题

34

主题

34

主题

秀才

Rank: 2

积分
114
 楼主| 发表于 2013-2-7 17:19:24 | 显示全部楼层 |阅读模式
要求:

将图片在div中居中显示。

实现方法:

在div中设置样式background的值为 url(图片地址) no-repeat center

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title> New Document </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body><div id="outer" style="width:600px;height:600px;border:1px red solid;background:url(nv.jpg) no-repeat center">居中显示例子</div> </body></html>

效果如下:


您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表