2013-04-11 25 views
0

我有一些段落文本,如下所示,但是在chrome中它不斷向左側添加1em邊距。這裏是我的代碼:用戶代理樣式表覆蓋 - 段落文本

.bold { font-family: Verdana, Arial, Helvetica, sans-serif; color:#333337; font-weight:bold; margin:0px; -webkit-margin: 0px!important;} 

這是定義文本的HTML。

<p class="bold">Account Name</p> 

一如既往,在此先感謝您的幫助。

編輯: 這是做壓倒一切的

p { 
display: block; 
-webkit-margin-before: 1em; 
-webkit-margin-after: 1em; 
-webkit-margin-start: 0px; 
-webkit-margin-end: 0px; 
} 
+0

你能提供的東西,說明了什麼問題?將「margin」設置爲「0」在Chrome(26和Canary)中完美運行。 – CherryFlavourPez 2013-04-11 09:02:15

+0

那麼我已經覆蓋了代理樣式表設置的那些屬性,所以它顯然是別的 - 返回到繪圖板 – 2013-04-11 10:06:31

+0

您可以創建一個小提琴,也許有更多的上下文?我猜想這是造成這種差距的其他因素,但只有上述情況纔會繼續下去。你可以檢查Chrome開發工具中的段落並截取'計算風格'部分嗎? – CherryFlavourPez 2013-04-11 10:08:40

回答

0

你應該使用一些CSS reset用戶代理樣式表。

在特定情況下,這應有助於:

p { 
    margin: 0; 
} 
+0

我有一個簡單的重置,我已經放置(以及添加到它),它仍然無法正常工作。我放置的重置是'* {margin:0; padding:0;}' – 2013-04-11 08:53:07

+0

你可以用你的代碼發表小提琴嗎? – pzin 2013-04-11 08:54:09