网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.CSS实现导航条图片的翻转菜单.
.DIV+CSS与XHTML+CSS是什么意思?.
.css的链接美化.
.图片CSS滤镜-左右旋转效果.
.CSS初级入门:样式的多次声明.
.根据时间段自动切换CSS风格.
.利用CSS控制打印.
.13种常用按钮、文本框、表单等CS.
.CSS三行三列DIV高度自适应的设置.
.CSS 循序渐进(一)画个瓢 .
.让IE浏览器即时刷新CSS样式.
.实时切换网页的CSS样式实现.
.CSS 针对 Safari(WebKit)的 CS.
.CSS实用教程(一).
.CSS语法手册(四)文本填充,边框.
.CSS中慎用中文注释.
.引入CSS样式的五种方式.
.CSS布局之浮动(二).
.小技巧大问题,cellSpacing用css样.
.CSS Sprites图片切割术与图片优化.

想让DIV居中 如何编写CSS

发表日期:2007-11-12


  网页布局技巧实例,想让DIV居中,如何编写CSS?

  div居中的设置该如何编写css?我们在传统的表格布局中,只要设置表格的居中属性就实现了居中的块元素。应用div css网站布局,div的居中该如何编写css来控制它呢?

  主要的样式定义如下:

  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样式表隐藏文字 人气:4356
下一篇:通过CSS类型的顺序改变翻滚效果 人气:3814
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐