2012-03-17 45 views
1

我在對齊jQuery標籤時遇到了麻煩,我使用了一些代碼並對其進行了修改並自己對其進行了設置,但對齊似乎在左側留下了一個空格,不想要,我不知道如何擺脫它。這裏就是我的意思是...jQuery選項卡需要移位

http://postimage.org/image/8k5rcz941/

這是CSS代碼:

.usual { 
    color:#111; 
    padding:15px 20px; 
    margin:8px auto; 
} 
.usual li { list-style:none; float:left; } 
.usual ul a { 
    display:block; 
    padding:6px 10px; 
    text-decoration:none!important; 
    margin:1px; 
    margin-left:0; 
    font:10pt Verdana; 
    color:#FFF; 
    background:#444; 
} 
.usual ul a:hover { 
    color:#FFF; 
    background:#111; 
    } 
.usual ul a.selected { 
    margin-bottom:0; 
    color:#fff; 
    background:#003663; 
    border-bottom:1px solid snow; 
    cursor:default; 
    } 
.usual div { 
    padding:10px 10px 8px 10px; 
    *padding-top:3px; 
    *margin-top:-15px; 
    clear:left; 
    background:snow; 
    font:8pt Verdana; 
    border: 1px solid #d0d0d0; 
} 
.usual div a { color:#000; font-weight:bold; } 

希望你能幫助我這個轉向左邊,我一直在試圖找出是什麼是了,只是不能:(

感謝和問候

+0

你有機會向我們展示一個包含該代碼的頁面嗎?截圖很有幫助,但現場演示將更容易診斷。如果您不能,請嘗試使用FireBug檢查元素,並查看該空間的添加位置以及哪些規則負責。 – 2012-03-17 00:48:01

回答

2

我猜的ul已應用保證金或填充刪除它。:

.usual > ul { 
    margin: 0; 
    padding: 0; 
} 
+0

太快了!謝謝,完成了這項工作。 – HighFlyerPL185 2012-03-17 00:50:00

0

.usual左邊距爲20px。那是你想要擺脫的嗎?

0

在Chrome瀏覽器或使用FireFox的Web Developer加載項檢查您的元素。找到元素並檢查它的所有繼承樣式;像icktoofay所說,很可能有可能在某處繼承。如果做這樣他補充說,保證金&填充= 0的UL,你可以嘗試破解!重要

.usual ul { 
margin: 0 !important; 
padding: 0 !important; 
} 

但要注意的是,如果您有UL元素上使用的任何其他保證金/填充,你會失去那些,或者使用!重要或不重要,因爲margin: 0設置所有4邊。僅定位到左側:

.usual ul { 
margin-left: 0 !important; 
padding-left: 0 !important; 
} 

有時黑客都不行,這就是爲什麼它首先檢查在瀏覽器中的元素,以檢查你的產業是非常重要的。

相關問題