日期:2014-05-16  浏览次数:20975 次

问个关于div的margin: 0 auto;居中问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <style type="text/css">
<!--
.wp { margin: 0 auto; width: 450px;  } #wp .wp { width: auto;}

-->
</style>
 
<div class="wp">
  <table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td bgcolor="#FF6666">450</td>
    </tr>
  </table>
  <table width="111" border="0" align="center" cellpadding="0" cellspacing="0"  >
  <tr>
    <td bgcolor="#CC9933">111</td>
    </tr>
</table><table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#999966">600</td>
  </tr>
</table>
</div>



帮我看看这段  wp设定为width: 450px; 在wp范围内 表格不超过450 table居中都算正常,但当table超过450的时候,例如宽度600,table居中时,好像是参照450宽度的talbe 垂直对齐, 有办法让他普通居中对齐吗?

------解决方案--------------------
引用:


我想要的效果是类似这图最底下蓝色框的居中效果 而且必须在wp模块内,求指教 在线等

table还受外围的div控制,检查div的
------解决方案--------------------
个人的知识告诉我不可能。还要在盒子呢?还要溢出盒子。这前后互相矛盾
------解决方案--------------------
既然你都用table了,那直接DIV改成 table widt=100  align="center" 
有时还一定要纠结于DIV
------解决方案--------------------
这个450是被你撑开了的。
如果想达到你的效果,就不用非罩在一个div里面了,分开放不就得了。
或者结合用abosolute