加载中…
个人资料
之一
之一
  • 博客等级:
  • 博客积分:0
  • 博客访问:1,074
  • 关注人气:18
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
博文
标签:

css居中代码

分类: 网站布局讨论
在设计网页模板时,经常要用CSS来控制块级元素的水平或是垂直位置,往往需要进行居中的操作。今天我就和大家一起来研究下如何用CSS来控制元素的居中。

1、单行垂直居中

文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-height的高度相同! 

<div style='line-height:500px;height:500;'></div>


2、层水平居中

设置div的宽度小于父div的宽度,设置 margin:0 auto;,即可让div居中。

#parentdiv
{
width: 500px;
}
#childdiv {
width: 200px;
margin:0 auto;
}


3、层中的文字水平居中

在childdiv的css加上text-align:center;

#parentdiv
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有