会员登录 | 注册

来去留技术信息资源

来去留技术信息资源
来去留网 > 去看信息 > 程序系统 > 制作网页如何控制DIV居中显示,切让其文字垂直居中,用CSS怎么控

制作网页如何控制DIV居中显示,切让其文字垂直居中,用CSS怎么控

2012-03-22 17:15来源:未知发布者:laiquliu 查看:
制作网页如何控制DIV居中显示,切让其文字垂直居中,用CSS怎么控制背景图片大小?

给div加上属性 margin:0px auto;
比如<div align="center">内容</div>
<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);
  }
还可以用#id来配置css如
#id{
border:1px solid #000fff;
height:500px; --设置高和宽(背景图片会随着宽和高而改变的!)
width:500px;  
margin-left:auto;--控制DIV居中显示
margin-right:auto;
background-image:url(/img.jpg);
}

另外,CSS+Div中怎么将背景图片居中,我有一个图片宽 2000设置
 body{
  margin:0px;
  padding:0px;
  font-size:12px;
  background:url(images/bg.jpg);
 
}
这个图片总是居左 右侧一大块都显示不出来,是什么原因呢

回答如下所示:

body{
  margin:0px;
  padding:0px;
  font-size:12px;
  background:url(images/bg.jpg)  center center no-repeat ;
  }
两个 center分别表示横向坐标、纵向坐标;no-repeat 表示图片不平铺
或者在你的代码里加上下面这个属性就可以了
background-position: center;

也可以换成这两行属性:

background-position:center;
background-repeat:no-repeat;
就行了  实在不行就设置它距离左边和右边的距离吧padding-left:20px;或padding-right:20px;

还可以尝试下面的方法

background:url(图片路径) no-repeat center top;
这样就可以了 (责任编辑:laiquliu)

关注技术,信息,资源,扫描来去留网微信二维码交流。

来去留我李俊

搜索

------分隔线----------------------------
相关栏目

热点推荐
来去留技术信息资源
来去留网为您提供平台咨询交流学习方法及各类热门技术;电器,服装,保健,行业快讯等二十几个类别的资讯