在网页制作中如何控制DIV居中显示，用CSS怎么控制背景图片大小？

Question

如何让DIV中的文字垂直居中

Answer 1

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

body {text-align: center;background: url(small2.png); background-size: 60%;}

3、浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

Answer 2

本人也在此分享如何实现网站PC和移动端自适应，比如我用这个代码从PC端跳转到移动端：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="mobile-agent" content="format=xhtml;url=duteruanjian.com">

<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="duteruanjian.com";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

当手机端打开移动端链接是就会转回手机端页面。

Answer 3

垂直居中严格的说用CSS是不行的。但如果内容只有一行，无需换行，也是有办法的。
直接用上line-height就可以做到，设置它的高度为你需要的高度就可。

Answer 4

#id{
border:1px solid #000fff;
height:500px; --设置高和宽(背景图片会随着宽和高而改变的!)
width:500px;
margin-left:auto;--控制DIV居中显示
margin-right:auto;
background-image:url(/img.jpg);
}

Answer 5

给div加上属性 margin:0px auto;
比如
<div id="a"></div>
然后在CSS里加
#a{margin:0px auto;}

图片大小可以这么定义<img src="img.jpg" width="200" height="200" />；
在CSS中可以这么定义
<div id="a"></div>
然后在CSS中加
#a{
border:1px solid #000fff;
height:500px;
width:500px;
background-image:url(/img.jpg);
}