Question

我有一个导航图层，我似乎无法获得指向中心的链接。

这是我正在使用的样式表

.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;
}

使用标准的href链接没有区别，也没有将样式指定为href。我想知道我错过了什么。

Answer 1

您是否尝试过添加：

text-align: center;

到.Layer1 {}？

Answer 2

我假设你的样式属性将它们应用于<ul>元素。它们具有非常古怪的默认填充/边距属性（总是使用reset的一个很好的理由）。如果按照Stuart AND的建议设置text-align: center;，然后设置padding: 0;，它将按照您的预期居中。刚在IE和FF上测试过它。

Answer 3

第1层是div还是ul？如果它是div，则text-align: center应该有效，只要您没有在标记上设置display: block。

要将块元素居中，您需要使用margin: auto。以内联元素为中心，它是text-align: center。如果这不起作用，它与您的标记或其他方式有关的样式被覆盖。我强烈建议使用firebug来查看发生了什么，我曾经一直使用html这些“wtf正在进行”的时刻，但是因为使用firebug很好，他们很少会持续几分钟。

另一件事是text-indent用于缩进段落的第一行。使用padding-left在块元素中添加空格，或margin-left将其添加到外部。

Answer 4

链接是内联元素，因此在它们上设置text-align center将无法实现任何效果。尝试将链接设为具有指定宽度的块，然后应用文本对齐中心。

居中文本问题

4 个答案: