以前用ul li做导航居中时,li是定宽的,然后用css的float:left;来实现居中,
今天做网页的时候,发现这个问题有很大的问题,于是google了一下,发现原来还可以这样:
就是改变li的display属性,li的默认值是:block,将li的display改为display:inline;同时,修改
li的父标签中的text-algin:center,就可以实现Li居中的问题,同时li还是不定宽的,很好嘛!
当然,网上还有关于:浮动居中float:center的相关文章。用float:left可以设置li的宽度,不能设置
居中,而display:inline可以居中,但不能自己设置li的宽度,只能是随内容变化。
今天做网页的时候,发现这个问题有很大的问题,于是google了一下,发现原来还可以这样:
就是改变li的display属性,li的默认值是:block,将li的display改为display:inline;同时,修改
li的父标签中的text-algin:center,就可以实现Li居中的问题,同时li还是不定宽的,很好嘛!
当然,网上还有关于:浮动居中float:center的相关文章。用float:left可以设置li的宽度,不能设置
居中,而display:inline可以居中,但不能自己设置li的宽度,只能是随内容变化。