|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
网页制造POLUOLUO文章简介:总结一下CSS让页面居中对齐的办法.
总结一下css让页面居中对齐的办法
1.我们经常使用的margin:0auto;办法
这个办法是人人用的最多的办法,利用的时分必需为容器制订宽度!
例子:#main{width:960px;margin:0auto;}这个在年夜部分扫瞄器内里都能够很好的完成效果。
可是在IE6之前的版本中却不被撑持,上面看一下第二种办法
2.用text-align完成居中,这个办法实在算是一个hack。
这个办法把全部页面看成文本看待,把body的属性设置为{text-align:center;}
如许的话页面一切内容全体居中了,还必要把页面总的外框(wrap)属性{text-align:left;}
如许的话页面就居中了!
代码:body{text-align:center;}
wrap{text-align:left;}
3.负的外边距
负外边距必要和相对定位同时利用,才会失效。
起首必要一个{wrap}来包裹一切的页面内容,并将其定位到页面的50%。如许{warp}容器据扫瞄器右边50%的间隔。
然后再用负边距,将容器右边距设置为{wrap}宽度的一半便可。
看代码:#wrap{width:800px;position:absolute;left:50%;margin:000-400px;}如许wrap就居中对齐了,这个办法基础上能够兼容一切的扫瞄器了。
综上所述:第一种办法是我们人人首选的办理计划,第二种办法实在能够和第一种办法分离起来用更好,第三种办法是是能够兼容一切的扫瞄器,假如你对你的也页面兼容性请求的高些,这个也能够作为你的首选哈!
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。 |
|