html - 如何覆盖文本对齐

Question

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

我需要将 small lol 移动到左边，但问题是整个页面都设置了 text-align: center 并且我无法删除它。

Answer 1

试试这个:

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

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