Html CSS！不覆盖文本对齐的重要规则 a{ 字号：8pt； 文本对齐：左！重要； 文字装饰：无； } 梅因先生{ 文本对齐：居中； }

这是一个紧凑的版本，对于我来说，使用Firefox5，链接仍然居中，即使我正在使用！关于“文本对齐：左”的重要信息。这让人困惑和恼火，因为我想！重要的是最高的专一性和凌驾于所有其他规则之上

---

这里出了什么问题？

需要在锚定链接的父元素上设置文本对齐方式，因为锚定链接的宽度是固定的，所以不能让它自己向左对齐。您需要删除

文本对齐：居中代码，或者向div添加另一个类，如'alignLeft'，并使用
应用对齐！重要信息
此处规则。
链接本身居中。用别的东西包起来，然后左对齐

a {
        font-size: 8pt;
        text-align: left !important;
        text-decoration: none;
  }

.main {
        text-align: center;
  }

 <div class="main">
    <a href="#new_york_city">New York City</a><br />
    <a href="#long_island">Long Island</a><br />
    <a href="#upstate">Upstate New York</a><br />
</div>








根据您的具体操作，这可能会起作用：

<div class="main">
 <div class="left">
    <a href="#new_york_city">New York City</a><br />
    <a href="#long_island">Long Island</a><br />
    <a href="#upstate">Upstate New York</a><br />
  </div>
</div>

文本对齐只能用于块元素（例如div）。默认情况下，“span”和“a”是内联的，但display:block可以改变这一点。
默认情况下，锚点是一个内联的
元素，在您的情况下，这意味着它的宽度仅为需要的宽度，因此它实际上是向左对齐，但仅在自身内部对齐。由于它嵌套在
main
中，可能是一个块元素，
main
位于
a
标记的中心

将锚点放在另一个块元素中并向左对齐，或者将其设置为块。
这不起作用，因为
a
链接是
内联的
元素，没有指定的宽度。因为整个元素是
a
的宽度，所以没有任何东西可以居中

也要解决这个问题

将
.main div
设置为
文本对齐：左或

将
a
链接包装在a
p
中，并使其
文本对齐：左

如果你看这个，你会发现链接仍然是内联的，因此，文本的对齐并不重要（因为元素会围绕其内容折叠）

如果使用定义的宽度创建链接
内联块
或
块
，则可以对齐其中的文本，如中所示

现在，如果您想让链接靠在容器的左侧，
float:left
，如中所示。
Whoopsy，在那里有点傻。是的，刚刚意识到容器必须有对齐，而不是文本/链接，所以在它们上设置“text align:left”基本上没有任何作用。然而，我确实发现“float:left”很有效。
.main a {
  display:block;
  font-size: 8pt;
  text-align: left !important;
  text-decoration: none;
}