不定宽块状元素方法(三)
请高手详解。
请高手详解。
2016-12-10
在这一章里CSS代码主要包含这两部分。把我们要居中的对象想象成一个矩型,开始的时候默认是靠左的,但是是矩形的左边框靠左,不是矩形的中心线靠左。如果我们要把这个矩形居中首先第一步把矩形左边界线移到浏览器中心。但是此时我们矩形的中心线并不是居中的,第二步就是在第一步的基础上把矩形中心线移到浏览器的中心,这时才完成对矩形的居中。接下来看我们的CSS代码最主要的两部分
.container{
float:left;
position:relative;
left:50%}
.container ul{
list-style:none;
margin:0;
padding:0;
position:relative;
left:-50%;}
第一步毫无疑问,第二步用的position:relative;是相对移动的的意思。第二步的left:-50%;换成right:50%也是可以的.但是right和left代表的不是向左移向右移的意思,而是左侧留50%右侧留50%。
举报