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了。

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

text-align:center

与

<CENTER>

您可能会认为

text-align:center

与

<CENTER>

元素的作用一样，但实际上二者大不相同。

<CENTER>

不仅影响文本，还会把整个元素居中。text-align

不会控制元素的对齐，而只影响内部内容。元素本身不会从一段移到另一端，只是其中的文本受影响。