SEO培训包就业班 SEO培训企业班 SEO培训全能班 SEO培训周末班 网页设计培训班
 首页 > DIV+CSS > css中如何使div居中
DIV+CSS

css中如何使div居中

来源:gongjie   时间:2011-1-25 11:57:47   浏览: 次  字体:[ ]  我要投稿
文章概述:现在DIV+CSS布局越来越流行了,作为一个网页设计师,必须要懂得使用DIV+CSS布局,而在布局的过程中,大部分都是居中,靠左或靠右,今天我们来说说css中如何使div居中。

现在DIV+CSS布局越来越流行了,作为一个网页设计师,必须要懂得使用DIV+CSS布局,而在布局的过程中,大部分都是居中,靠左或靠右,今天我们来说说css中如何使div居中。

如何使DIV居中,div垂直居中,div水平居中.
主要的样式定义如下:

body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }

说明:
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”

需要说明的是,如果你想用这个方法使整个页面要居中,建议不要套在一个DIV里,你可以依次拆出多个div,只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

 

 


你浏览的文章是 - 《css中如何使div居中》!
文章出处:http://www.deman.cc/DIV+CSS/615.html | 复制网址
版权声明:合肥德曼SEO培训中心是专业的SEO培训机构,中国SEO优化技术人才的摇篮!
【声明】以上文章或资料除注明为自创或编辑整理外,均为各方收集或网友推荐所得。其中摘录的内容以共享、研究为目的,不存在任何商业考虑。目前网站上有些文章未注明作者或出处,甚至标注错误,此类情况出现并非不尊重作者及出处网站,而是因为有些资料来源的不规范。如果有了解作者或出处的原作者或网友,请告知,本网站将立即更正注明,并向作者或出处单位道歉。被摘录的对象如有任何异议,请与本站联系,联系邮箱:dm35@vip.qq.com,本站确认后将立即撤下。谢谢您的支持与理解!
☆☆ 搜索引擎有多远,SEO就能走多远!
★★了解德曼SEO培训中心 ↓↓

 » 德曼SEO教学团队介绍
 » 德曼SEO教学特色
 » 德曼培训课程设置
 » 德曼SEO教学环境
在线QQ咨询:513816851   461436777
德曼SEO培训群:48812488   27175177
报名电话:0551-3221973  13909691973
上班时间:周一至六:08:30-18:00