IE下使用text-align:center就可以实现所有元素的居中效果
这些元素包括了那些Tag,还有文字内容
飞飞Asp技术乐，园在Body的text-align为center的情况下
我们在Body中插入下面的HTML代码
<div style="background-color:#006699; width:800px;">文字内容</div>
在IE中,通过背景的颜色差异我们可以明显看到这些元素以居中方式表现出来;
然而在Firefox中,Div是以默认方式居左的,文字则是居中
也就是说在Firefox中text-align是真正的只是Text控制而已
要想达到div也居中的话需要给div添加一个margin:auto
最终效果是
<div style="background-color:#006699; width:800px;margin:auto">文字内容</div>
还有另外一种方案
就是添加<center>
<center>
飞飞Asp~技术乐园<div style="background-color:#006699; width:800px;">文字内容</div>
飞飞Asp技术乐.园</center>
同样也可以解决居中问题
不过炎还是推荐使用CSS来实现,而不是HTML代码<center>来解决问题
因为CSS和HTML分来方式,是比较容易管理和维护的
|
