css 样式无法居中

html-css019

css 样式无法居中,第1张

使用列表的时候,当给li加上浮动float的话,就会发现text-align:center无效了,这是因为这里的li是区块元素,使用text-align是无效的,给lI加上宽高和背景颜色就可以看到效果了,这时ul要进行居中就只能用margin:0 auto才行。

如果实在不想使用margin这个居中的方法,可以把li的float去掉,使用display:inline可以把li变为内联元素,这时就可以使用text-align:center了。

你可以尝试下,希望帮助到你,有疑问可向我追问,尽我所能为你解答。

相当的有强迫症,在软件界面上,有时候凭着肉眼就能看出来1px的误差,及其难受,本文的现象就是之一。

目前常用的浏览器有:

了解了这个知识后,来学习一个渐进式的css hack,根据网友整理的比较全的css hack改编,注意顺序不可调整:

使用也比较简单:

还有一些要注意的事情是,各种字体大小在不同浏览器下的高度也不一样,可以查看一下16px在浏览器中的高度应该为15px。

做这一块是个细节活,好好弄吧。