Javascript 为什么文本对齐属性在不同标记上的行为不同？

你能告诉我为什么文本对齐属性在不同的标签上表现不同吗

我举两个例子，两个例子我都想把我的文章放在中间。 在第一种情况下，我将父对象作为锚定标记一侧的div标记。若我需要居中对齐，我将属性应用于父对象

div {
    background-color:green;
        width:80px;
      text-align:center
}

但在第二种情况下，当我将ul作为父级时，我使用了相同的锚定标记。为了使文本居中对齐，我将属性应用于锚定标记，为什么

ul a{
    color:red;
   text-align:center
}

两把小提琴

如何知道将在父级或元素上写入此属性的位置

---

我想知道何时需要在父对象上写入属性，何时将在元素上写入相同的属性

---

当我将text-align:center属性写入父元素时，或者当我将text-align:center写入同一元素时，您无法使用相同的css获得相同的输出，因为如果您不指定，ul默认为assign-margin和padding属性。您可以使用下面的代码获得相同的输出

<style>
    div {
        background-color:green;
        width:80px;
        margin: 16px 0;
        padding-left: 40px;
    }

    div a{
        color:red;
        text-align:center;
    }
</style>
<div>   
    <a>hello</a>
</div>

当我需要在父对象上写入属性时，以及何时将写入相同的属性时 元素的属性

您没有将“文本对齐”特性设置为要居中的元素，而是将其设置为要居中的元素的父级

---

Src:

你到底想要什么澄清你的问题。我想知道什么时候我需要在父项上写属性，什么时候我将在元素上写相同的属性。为了对你的问题有一个正确的答案，我可以请你重新考虑，以更改你接受的答案。现在被接受的方法并没有回答您的问题，为什么文本对齐属性在不同的标记上表现不同？您正在给左填充：40px；这就是它居中移动的原因..如果删除文本对齐：居中；我的问题是当我添加文本对齐时：居中；属性，并在添加文本时对齐：居中；到同一个元素，以便我的元素位于中心align@user944513这是因为您正在使用ul和ul自动为列表符号添加填充。@user944513将ul{background color:green；padding:0；width:80px；}替换为ul{background color:green；width:80px；}。然后检查。正如我所说的，如果你不给ul padding属性，那么它默认使用padding。它不是居中对齐