怎么用CSS把网页导航条文字居中?

html-css0312

怎么用CSS把网页导航条文字居中?,第1张

文字居中用到css2.0中的text-align属性;

text-align属性是针对文字的对齐方式;

其中值包括:left(向左对齐)

center(居中)

right(右对齐)

justify(两端对齐)

inherit(默认对齐方式)

在这里我们将用到:text-align:center属性

此时你只要给浮动的对象,加上相对应的宽度,让其上下外边距为0 左右外边距为自动,就可以实现居中!

html中的CSS样式修改为:

#globallink ul {

   list-style: none

   padding: 0px

   overflow: hidden

   width: 700px

   margin: 0 auto

}

即可:

如图

其中修改的属性介绍:

1、margin:简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

当设置上下边距之后,在设置左右我自动(auto)即可实现自动居中!(前提是要给对象元素设置觉得的宽度!)