DIV 居中的解决方法

(本文转自闪吧BBS,经过我的测试也是非常好用哇 嗯嗯~~)

现在进行WEB重构的时候,一般我们做DIV 居中是这样:
body{
margin:0px auto;
text-align:center;
}
但 是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐!
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
为此 困扰了我几天.那么有的朋友就会说:你加上这句不就行了吗? 可是有时候页面并不能全部按上面规定的代码格式来编写,比如说要改多彩滚动条.
直到 昨天,一个想法在我脑中闪了一下. 何不用JS来控制页面的边距?说干就干!
找了个页面.添加了下面的一小段代码.
<script language=”javascript” type=”text/javascript” src=”function.js”></script>
function.js内容:
if(window.screen.width>800){document.write(“<style type=”text/css”>body{margin-left:”+(window.screen.width-800)/2+”px}</style>”);}
保 存,测试. 哈哈,换了几个分辨率都可以正常居中!至此试验成功.
总结一下:
主要是这句代码起的作用:
(window.screen.width-800)/2 //计算页面应该留出的边距数值.800为我的DIV宽度 + 滚动条宽度.实际应用改为你自己的大小.
补充一点:上面这段JS 必须放在你的最后一个CSS连接或</style>的后面.

假期随想

貌似有好几天没来更新部落格了,真的发现这开始实习了跟当学生时还真是不太一样,当学生时有着大把大把的时间可以用来做自己想做的事情,可是真的慢慢步入社会,却发现有太多时间不能自已。原来晚上我都把本本带回宿舍,上上网也好,看看电影也好,现在我晚上下班都直接把本本丢在办公室,取而代之的,我都带一本专业书回去。宿舍就剩下我一个人了,回去我也不开房间里的灯,只打开那盏从Shp16那里抢来的台灯,倒上一杯水,慢慢的品读。一人一灯一书一床,大概就是对我宿舍生活的最好写照了,哈哈~~

五一假期学校放9天,而网络中心要值三天班,没想到昨天第一天值班就出了意外,停电没按时间来电,以至于UPS电池几近耗尽,最终造成整个核心机房断电,这一断电不要紧,有三台Server出现了问题,哎,估计到正式上班时间又有的忙了~~

这回五一回家,妈妈送了我一盆仙人掌,哈哈~~放在电脑旁边,有一抹绿色在身边陪着,也挺好玩的~~现在越发的喜欢在公交车上思考问题了,我发现我越来越喜欢春天了,从冬天慢慢过渡到春天,看到到处都是绿色的,心情格外的舒畅,不知怎么的,感觉好像已经好久没有经历春天了呢,可能之前由于心情的原因一直没有心情欣赏窗外的景色吧。

还有一件值的开心的事情是从卓越买的书送到了,哈哈,我现在看不下去电子书了,还是纸质的书捧着有感觉。《大话设计模式》这书有蛮多人给我推荐,不久前我还跑去了新华书店,竟然没的卖,无奈之下只好从卓越上买了~~卓越还真是便宜,比淘宝都便宜~~哈哈 ~不过我还是从淘宝上买了另外一本书,那本书卓越上正版的太贵,影印版只有正版价格的三分之一 哈哈哈~~~

此外,还有一件值的庆祝的事情,那就是,那就是Kaisir我终于开始涉足前台(UI)的制作了,以前这活都是我搭档Shp16来做,哈哈 这回找到一个很好用的CSS+DIV的框架集,叫做“960-Grid-System”哈哈 ~~很好玩的一个框架,用这个搭网页框架简直是享受啊~~~哈哈 大爱CSS+DIV 无爱Table咯~~