Html 文本居中问题

Html 文本居中问题,html,css,Html,Css,我有一个导航层,我似乎无法在其中获得指向中心的链接 这是我正在使用的样式表 .Layer1 { position:absolute; width: 10%; height: 95%; list-style-position: outside; list-style-type: disc; background-color: #D2FFFF; } .Layer1 a { font-family: Verdana, Arial, Helveti

我有一个导航层,我似乎无法在其中获得指向中心的链接

这是我正在使用的样式表

.Layer1 {
    position:absolute;
    width: 10%;
    height: 95%;
    list-style-position: outside;
    list-style-type: disc;
    background-color: #D2FFFF;
}
.Layer1 a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0066FF;
    text-decoration: none;
    text-align: center;
}
使用标准a href链接没有任何区别,也没有将样式指定为a href。我想知道我遗漏了什么。

您是否尝试添加:

text-align: center;
到.Layer1{}?

是否尝试添加:

text-align: center;

到.Layer1{}?

根据样式属性,我假设您正在将它们应用于
元素。它们具有非常古怪的默认填充/边距属性(这是始终使用a的一个很好的理由)。如果设置
文本对齐:居中填充:0它将如您所料居中。刚刚在IE和FF上进行了测试。

根据您的样式属性,我假设您正在将它们应用于
元素。它们具有非常古怪的默认填充/边距属性(这是始终使用a的一个很好的理由)。如果设置
文本对齐:居中填充:0它将如您所料居中。刚刚在IE和FF上测试过。

是第1层a
div
还是a
ul
?如果是
div
文本对齐:居中
应该可以工作,只要您没有在a标签上设置
显示:块

要使块元素居中,需要使用
margin:auto
。要使内联元素居中,请使用
text align:center
。如果这不起作用,则与标记有关,或者与样式被覆盖的其他方式有关。我强烈建议使用firebug来查看正在发生的事情,我过去一直使用html来处理这些“wtf正在进行”的时刻,但由于使用firebug的效果很好,它们很少持续超过几分钟


另一件事是
文本缩进
用于缩进段落的第一行。使用
padding left
在块元素内部添加空格,或使用
margin left
在块元素外部添加空格。

层1是
div
还是
ul
?如果是
div
文本对齐:居中
应该可以工作,只要您没有在a标签上设置
显示:块

要使块元素居中,需要使用
margin:auto
。要使内联元素居中,请使用
text align:center
。如果这不起作用,则与标记有关,或者与样式被覆盖的其他方式有关。我强烈建议使用firebug来查看正在发生的事情,我过去一直使用html来处理这些“wtf正在进行”的时刻,但由于使用firebug的效果很好,它们很少持续超过几分钟


另一件事是
文本缩进
用于缩进段落的第一行。使用
padding left
在块元素内添加空格,或使用
margin left
将其添加到块元素外。

链接是内联元素,因此在链接上设置文本对齐中心不会产生任何效果。尝试将链接设置为具有指定宽度的块,然后应用文本对齐中心。

链接是内联元素,因此在其上设置文本对齐中心将不会产生任何效果。尝试将链接设置为具有指定宽度的块,然后应用文本居中对齐。

可以发布html吗?如果没有它,就很难说了。更多的信息(如jeroen要求的HTML)将非常有用。从这里给出的内容来看,“text align:center”将不起任何作用,因为锚定标记是内联元素。.Layer1的宽度也可能是一个问题,但同样需要更多的信息。你能发布html吗?如果没有它,就很难说了。更多的信息(如jeroen要求的HTML)将非常有用。从这里给出的内容来看,“text align:center”将不起任何作用,因为锚定标记是内联元素。.Layer1的宽度也可能是个问题,但同样需要更多的信息。我试图将它们应用于a href标记。我试图将它们应用于a href标记。第1层是一个div,我希望第1层a设置该div中a href链接的样式。第1层是一个div,我想#layer 1a设置该div中a href链接的样式。