html - 如何覆盖文本对齐

Question

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

我需要用边距将小 lol 向左移动，但问题是整个页面都已设置text-align: center，我无法将其删除。

Answer 1

try this:

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

The property text-align: left from the second div will overwrite the property text-align: center from the first div. Usually, when you need to overwrite a property of a parent container just use a value that you need for the same property. Hope it helps.

Answer 2

添加!important

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

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

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

如果这没有达到预期的效果，那么原因在于问题中未披露的某些设置。在这种情况下，治愈取决于疾病，即取决于特定环境以及它是如何制造的。