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

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

{margin:0 auto}

用这个居中,你要给他定义一个宽度

例如:

body{

width:900px

margin:0 auto

}

然后body里面的元素就能居中了

你试试你的页面上头部代码改成标准的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

这一部分很关键,这部分不标准,那div或table就不居中,你可以试试,修改这个部分试试,再有你css路径不要是是决定路径,要相对路径,因为你改成html的可能你是直接双击查看,而不是通过服务器查看,可能css路径不正确了