易截截图软件、单文件、免安装、纯绿色、仅160KB

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;就行了。
本文来源于 WEB开发网 原文链接:http://www.cncms.com.cn/css/9624.htm


相关文档:

15个CSS常用知识

声明:本文转自www.52css.com
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 
2、无边框。推荐的写法是 border:none;,哈哈,我一直在用 ......

CSS浏览器兼容问题整理

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内 ......

CSS浏览器兼容问题大全

  1、firefox下父容器的高度自适应
  height:100%; overflow:auto;
  2、IE6的双倍边距BUG
  display:inline
  3、超链接访问过后hover样式不出现的问题
  改变CSS属性的排列顺序: L-V-H-A
  4.FF下使连续长字段自动换行
  IE中直接使用word-wrap:break-word
  FF中我们使用JS插入的方法来解决 ......

div+css制作的弹出菜单(标准且无js)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三级dropdown弹出 ......

使用CSS完美实现垂直居中的方法

  使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题,作为网页设计师或前端开发工程师,这个垂直居中问题
也是必须掌握的技巧之一,一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法,该方法是由aka
Yuhů发明的,这个方法也是目前暴风 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号