WEB开发中,为了支持不同的浏览器,是一件很麻烦的事情。所以,程序员都希望浏览器越少越好,那将省去好多工作。
今天,把这段时间开发的一个项目拿到firefox下测试,发现基本情况还不错,毕竟CSS已经玩的比较熟了,只要大家都遵守国际标准,情况会好很多。可是,还是不太对,怎么页面都跑到左边来了?可是我明明设置了“text-align:center;”的样式啊。又看了几个页面,发现情况都是如此,看来,Firefox并不支持这个样式。这可怎么办?我试着用table来定位,设置<td align:center>,因为根据我的经验,对于表格来说,Firefox还是支持的比较全面的。但事实证明,这个方法也不行。
只好借助于网络了。当然,网络确实是个好老师,很快,我就找到了答案,具体情况方法如下:
<div style="width:900px; text-align:center;margin-left:auto;margin-right:auto;"></div>
也就是说,指定要居中的元素的左、右边距为自动,Firefox就会让它居中显示了。而对于ie来说,text-align:center;这个是有效的。
今天,把这段时间开发的一个项目拿到firefox下测试,发现基本情况还不错,毕竟CSS已经玩的比较熟了,只要大家都遵守国际标准,情况会好很多。可是,还是不太对,怎么页面都跑到左边来了?可是我明明设置了“text-align:center;”的样式啊。又看了几个页面,发现情况都是如此,看来,Firefox并不支持这个样式。这可怎么办?我试着用table来定位,设置<td align:center>,因为根据我的经验,对于表格来说,Firefox还是支持的比较全面的。但事实证明,这个方法也不行。
只好借助于网络了。当然,网络确实是个好老师,很快,我就找到了答案,具体情况方法如下:
<div style="width:900px; text-align:center;margin-left:auto;margin-right:auto;"></div>
也就是说,指定要居中的元素的左、右边距为自动,Firefox就会让它居中显示了。而对于ie来说,text-align:center;这个是有效的。