如何覆盖text-align

Question

<div style="text-align: center">
    Big lol
    <div style="margin-left: 50px;">
        Small lol
    </div>
</div>

我需要向左移动小lol并设置边距，但问题是在整个页面上设置了text-align: center并且我无法删除它。

Answer 1

添加!important

<div style="margin-left: 50px !important; text-align:left !important">
        Small lol
    </div>

在这里演示http://jsfiddle.net/z8yna/1/

Answer 2

试试这个：

<div style="text-align: center;">
Big lol
    <div style="margin-left: 50px; text-align: left;">
    Small lol
    </div>
</div>

第二个text-align: left中的属性div将覆盖第一个text-align: center中的属性div。通常，当您需要覆盖父容器的属性时，只需使用相同属性所需的值。希望它有所帮助。

Answer 3

试试这个：

<div style="text-align: center">
    Big lol
    <div style="margin-left: 50px; text-align:left !important">
        Small lol
    </div>
</div>

使用！important，您可以覆盖样式父

Answer 4

您只需要在元素上设置text-align：更改

<div style="margin-left: 50px;">

到

<div style="margin-left: 50px; text-align: left;">

如果这没有达到预期的效果，那么原因在某些设置中未在问题中公开。在这种情况下，治愈方法取决于疾病，即在特定环境中以及如何进行治疗。