居中文本问题

我有一个导航图层，而且我似乎无法获取到中心的链接。居中文本问题

这是我使用

.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。我想知道我错过了什么。

来源

2009-02-10 Joshxtothe4

你能发布html吗？没有它，这很难说。 – jeroen 2009-02-10 17:12:44

更多信息（如HTML jeroen所要求的）确实会有所帮助。从这里给出的内容来看，“text-align：center”不会做任何事情，因为锚标签是内联元素。 .Layer1的宽度也可能是一个问题，但同样需要更多信息。 – 2009-02-10 18:25:45

链接是内联元素，因此在它们上设置文本对齐中心不会实现任何功能。尝试使链接成为指定宽度的块，然后应用文本对齐中心。

来源

2009-02-10 16:50:21

您是否尝试过加入：

text-align: center;

到.Layer1 {}？

来源

2009-02-10 14:49:40

是的，它没有区别。 – 2009-02-10 15:02:10

把你的CSS和HTMl在这里： http://pastebin.com/ 我会看看 – 2009-02-10 15:05:11

我假设你的风格属性是你将它们应用到<ul>元素。他们有非常古怪的默认填充/保证金属性（总是使用reset的好理由）。如果您设置了Stuart AND建议的text-align: center;，然后设置padding: 0;，它将按照您的预期居中。只是在IE和FF上测试过。

来源

2009-02-10 15:08:40

是第1层a div还是ul？如果它是div，text-align: center应该可以工作，只要你还没有在你的标签上设置display: block。

要将块元素居中，您需要使用margin: auto。以一个内联元素为中心，它是text-align: center。如果这不起作用，它必须处理你的标记，或者其他方式，这些样式正在被覆盖。我会强烈建议使用萤火虫来看看发生了什么事情，我曾经一直使用html来让这些“跆拳道正在进行”的时刻，但是由于萤火虫越来越好，他们很少会持续几分钟。另一件事是text-indent是用于缩进段落的第一行。请使用padding-left在块元素内添加空格，或使用margin-left将其添加到外部。

来源

2009-02-10 15:09:07

居中文本问题

回答

相关问题