css怎么实现浏览器窗口改变大小后样式还是居中

html-css014

css怎么实现浏览器窗口改变大小后样式还是居中,第1张

其实对于css浏览器窗口居中这个问题很好解决:

主要是设置:一个属性

margin:0

auto;

具体代码如下:

效果图:

窗口缩小后的效果图:

总结:#center{

margin:0

auto}

但是要浏览器窗口大小改变的话

也是居中的话

就得要用到js代码来实现了

resize()

窗口改变事件

别设成固定大小,设成百分比,比如整个页面设成90% 居中,那样不管窗口多大都会保持占这个屏幕的90% 并且居中(只把宽度设成百分比就行)

设成固定大小,你并不知道浏览者用的是多大的显示器(你做的时候只是根据自己显示器大小做,所以弄成百分比 是由好处的!)