如何覆蓋文本對齊

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

我需要移動小的笑聲左邊有餘量，但問題是整個頁面上設置text-align: center，我不能刪除它。如何覆蓋文本對齊

來源

2012-09-17 Andresh Podzimovsky

覆蓋內聯樣式的唯一方法是在CSS文件的聲明後使用'！important'。 – Kyle

添加!important

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

這裏演示http://jsfiddle.net/z8yna/1/

來源

2012-09-17 09:29:50 Sowmya

它只向左移動，沒有餘量。 –

添加！對邊距也很重要。我在回答中添加了演示 – Sowmya

您不必在邊緣添加'！important'，除非邊界在其他位置被覆蓋。但鑑於你目前的狀況，Sowmya的答案應該足夠了。 – anothershrubery

試試這個：

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

有了重要的，你可以覆蓋風格父

來源

2012-09-17 09:31:46

maring應該是保證金:) – Eoin

感謝您的錯字@Eoin –

你只需要設置text-align上元素：更改

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

到

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

如果這沒有收到預期的效果，那麼原因是，這不是在問題公開的一些設置。在這種情況下，治癒取決於疾病，即根據具體情況以及如何制定。

來源

2012-09-17 09:43:45

試試這個：

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

從第二div酒店text-align: left將從第一div覆蓋性能text-align: center。通常，當您需要覆蓋父容器的屬性時，只需使用您需要的相同屬性的值。希望能幫助到你。

來源

2012-09-18 02:04:17 codenighter

不要在您自己的CSS文件中濫用'！important'規則（如果您覺得需要'！important'，那麼您需要查看您的CSS/HTML代碼。'important'規則的意思是「在作者和用戶樣式表之間創建一個權力平衡，默認情況下，作者樣式表中的規則會覆蓋用戶樣式表中的規則」。 http://www.w3.org/TR/CSS21/cascade.html） – codenighter

如何覆蓋文本對齊

回答

相關問題