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的一个很好的理由)。如果设置文本对齐:居中根据Stuart的建议,设置填充:0代码>它将如您所料居中。刚刚在IE和FF上进行了测试。根据您的样式属性,我假设您正在将它们应用于
元素。它们具有非常古怪的默认填充/边距属性(这是始终使用a的一个很好的理由)。如果设置文本对齐:居中根据Stuart的建议,设置填充:0代码>它将如您所料居中。刚刚在IE和FF上测试过。是第1层adiv
还是aul
?如果是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链接的样式。