用CSS让元素居中显现并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让咱们先来看一下CSS中常见的几种让元素水平居中显现的办法。

　　1.运用主动外边距完成居中
　　CSS中首选的让元素水平居中的办法便是运用margin特点—将元素的margin-left和margin-right特点设置为auto即可。在实践运用中，咱们可认为这些需求居中的元素创建一个起容器作用的div。需求特别注意的一点便是，有必要为该容器指定宽度：
　　div#container {
　　margin-left: auto;
　　margin-right: auto;
　　width: 168px;
　　}
　　在大多数主流浏览器中，这种办法都十分有用，即使是Windows平台上的IE6，在其规范兼容形式（compliance mode）下也能够正常显现。但不幸的是，在更低版别的IE中，这种设置却并不能完成居中作用。所以若想在实践项目中运用这种办法，那么就要确保用户的IE浏览器版别不低于6.0。

　　虽然在支撑上不尽如人意，但大多数设计师都主张尽可能地运用这种办法。该办法也被认为是在各种用CSS完成元素水平居中办法中正确、合理的一种。

　　2.运用text-align完成居中
　　另一种完成元素居中的办法是运用text-align特点，将该特点值设置为center并应用到body元素上即可。这种做法是彻里彻外的hack，但它却能兼容大多数浏览器，所以在某些情况下也自然必不可少。
　　之所以说它是hack，是因为这种办法并没有将文本特点应用到文本上，而是应用到了作为容器的元素上。这也给咱们带来了额外的工作。在创建好布局有必要的div之后，咱们要按照如下代码为body应用text-align特点：
　　body{
　　text-align:center;
　　}
　　之后会出现什么问题吗？body的所有子孙元素都会被居中显现。
　　因而，咱们就需求用再写一条规矩，让其间的文本回到默认的居左对齐：
　　p {
　　text-align:left;
　　}   
　　可以想象这条附加的规矩将带来一些不便。别的，真正彻底遵从规范的浏览器并不会改变容器的位置，而只会让其间的文字居中显现。
   武汉网站设计、武汉网站制作、武汉手机网站、武汉网站优化、武汉网站推广、武汉小程序制作、武汉小程序定制、武汉网站建设---珞珈学子 企业一站式互联网品牌服务商   服务热线：18986172926