Question

你能否告诉我为什么text-align属性在不同的标签上表现不同？

我接受了两个案例在这两种情况下我都希望将文本集中在一起。在第一种情况下，我将父母作为 div 标记在我使用锚标记的一侧。如果我需要居中对齐，我将属性应用于父

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

但是在第二种情况下，当我将 ul 作为父内部时，我采用相同的锚标记。中心对齐文本我将属性应用于锚标记为什么？

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

两个小提琴 https://jsfiddle.net/ybnzajoo/

https://jsfiddle.net/pc939y7k/

如何知道我将在父元素或元素上写入此属性的位置当我需要在父元素上写属性以及何时在元素上写入相同的属性时，我想要。

当我将 text-align：center 属性写入父级时，或者当我将 text-align：center 写入同一元素时

Answer 1

当我需要在父母上写属性时，我会写同样的东西元素属性？

您没有将“text-align”属性设置为要居中的元素，您将其设置为要居中的元素的父级。

Src：16.2 Alignment: the 'text-align' property

Answer 2

您无法使用相同的css获得相同的输出，因为如果您不指定，ul默认指定边距和填充属性。您可以使用以下代码获得相同的输出。

<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>

为什么text-align属性在不同的标签上表现不同？

2 个答案: