需要 网页居中CSS代码
这里把网页包在一个叫 #container 的DIV层中的,也就是所网页内的所有东西用一个div框起来;下面讲一下BODY与#container之间的关系。先看一下body的CSS样式: body{ :0;text- } 这里的body把margin与padding设置为0,这样就把body内容与浏览器边缘亲密接触。 然后text- 把body的内容全部居中,这样就包括了#container也一起居中了。再来看一下#container的样式: container{ :0 auto;text- :relative;} 学问就在这个#container里了: 给这...全部
这里把网页包在一个叫 #container 的DIV层中的,也就是所网页内的所有东西用一个div框起来;下面讲一下BODY与#container之间的关系。先看一下body的CSS样式: body{ :0;text- } 这里的body把margin与padding设置为0,这样就把body内容与浏览器边缘亲密接触。
然后text- 把body的内容全部居中,这样就包括了#container也一起居中了。再来看一下#container的样式: container{ :0 auto;text- :relative;} 学问就在这个#container里了: 给这个容器设定了宽度,这里是760px, auto; 这里的margin中的第一个0是上下、第二个auto是左右。
上下为0左右让其自控。再加上定位为相对,只有定位为相对的元素才可以有位置移动!。收起