如何使div中心在HTML中重合

前端之家收集整理的这篇文章主要介绍了如何使div中心在HTML中重合前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Possible Duplicate:
07000

使对象以HTML为中心的一个简单方法是使用align =’center’,但它不适用于div。

我试过了:

style='text-align:center';
style='left:50%';

我甚至真的一个中心标签

<center>

但我不能让我的目标div是中心。

解决方法

<!DOCTYPE html>
<html>
  <head>
    <title>Center</title>
  </head>
  <body>

    <div style="text-align: center;">
      <div style="width: 500px; margin: 0 auto; background: #000; color: #fff;">This DIV is centered</div>
    </div>

  </body>
</html>

测试和工作在IE,Firefox,Chrome,Safari和Opera。我没有测试IE6。 IE需要外部text-align。其他浏览器(和IE9?)将工作,当你给DIV边距(左和右)auto的值。边距“0自动”是边距“0自动0自动”(右上角左下角)的缩写。

注意:文本也在内部DIV的中心,如果你希望它保留在左侧只是指定text-align:left;为内部DIV。

编辑:在标准模式下运行的IE 6,7,8和9将使用边距设置为自动

猜你在找的CSS相关文章