本文主要包含定位,不定宽度,居中显示等相关知识,佚名 希望在学习及工作中可以帮助到您
在制作中内容居中通常方法是给容器width固定宽度,然后text-align:center;margin:0 auto;或者将块装换成内联元素display:inline,然后text-align:center就能实现居中效果了。
下面这个方法是通过定位来实现的效果:
CSS代码:
这个使用 li的起始位置在居中的50%的地方,所以需要把li 向左边移动50%。 这里想问题的时候要注意,position:relative所定义的移动百分比不是相对于自身的,而是相对于父元素的。也就是说 li 50% 实际上计算出来的宽度 是 ul宽度的一半,而不是li的。
下面这个方法是通过定位来实现的效果:
CSS代码:
这个使用 li的起始位置在居中的50%的地方,所以需要把li 向左边移动50%。 这里想问题的时候要注意,position:relative所定义的移动百分比不是相对于自身的,而是相对于父元素的。也就是说 li 50% 实际上计算出来的宽度 是 ul宽度的一半,而不是li的。