整理：网页技术CSS网页布局的居中问题

1、DIV居中

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy8256')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy8256>body {text-align: center;}
div {margin-right: auto; margin-left: auto;}

说明：
对于IE，在父元素定义“text-align: center;”就可以了
对于FF等其他浏览器，仅这样不能居中，需在子元素中定义“margin-right: auto; margin-left: auto;”。
2、背景居中

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy7342')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy7342>body {background:url(#) #fff no-repeat center;}

说明：参数中的center是对背景位置的定义。
3、文本垂直居中

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy6963')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy6963>div {vertical-align:middle;line-height:？px;}

说明：
vertical-align:middle;表示行内垂直居中，我们将行距调整到和整个DIV一样高，文字就垂直居中了。

您可能感兴趣的文章：
整理：网页技术CSS网页布局的居中问题
个人学习总结：如何学习网页技术CSS
学习网页技巧：css布局中的居中问题
基于XHTML标准DIV CSS布局对SEO的影响
浏览器发展/CSS布局/怎样运用?
如何掌握CSS布局
php动态网页是什么意思？
css中文字图片背景图居中的方法汇总
CSS创建各栏同高的多栏布局
CSS floats来创建三栏网页布局的方法