三个div实现跨浏览器的text-align:center的效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <BODY style="text-align:center;"> <!--body的样式中的：text-align:center，在ff中只能作用到DIV标签上。但是能够作用到div内部的元素中，是DIV内部元素居中： 如：测试文本A，A坐在的DIV没有居中，但是A在DIV中实现居中。--> <div style="border:1px solid red;width:80%;"> 测试文本:A </div> <p> 测试文本:B </p> <!---三个div实现跨浏览器的text-align:center的效果--><div style="border:1px solid red;width:30%;float:left;height:20px;"> <!--左侧空白--> </div><div style="border:1px solid red;width:39%;float:left;height:20px;"> 测试文本:C </div><div style="border:1px solid red;width:30%;float:left;height:20px;"><!--右侧空白--></div> </BODY></HTML>
?
?
?
IE，firefox，谷歌浏览器测试没问题。
?
?