jQuery UI的選項卡，去除標籤和標籤內容

之間的空白使用jQuery UI爲我的項目，我似乎無法找到CSS，除去實際標籤和標籤內容之間的10像素左右的空白。jQuery UI的選項卡，去除標籤和標籤內容

任何幫助表示讚賞。

2017-07-14 Todd

這裏是一個屏幕截圖。我想刪除的是標籤和內容中的黑色條之間的空白。下面是一個屏幕截圖http://imgur.com/a/Os8TQ – Todd

試試這個在你的CSS文件/定義

.ui-tabs .ui-tabs-nav li {  
    margin: 1px 0 0 0 !important; 
}

來源

2017-07-14 22:29:33

肯定會避免使用'！important'作爲一項規則，特別是與jQuery UI的，因爲它會產生大量的特異性，這將使代碼的維護噩夢。 – jswebb

沒有工作。我也嘗試改變邊距來填充，但沒有運氣。在這裏張貼之前，我挖了很多東西並嘗試了很多東西。不重要或不重要！應用。感謝您的嘗試。 – Todd

你將要針對.ui-tabs .ui-tabs-panel並卸下前填充;下面是這個選擇的默認樣式：

.ui-tabs .ui-tabs-panel { 
display: block; 
border-width: 0; 
padding: 1em 1.4em; 
background: none;

下面是與像在您的圖片爲例黑匣子一個fiddle demonstrating a basic tabs widget。

我強烈建議不要使用!important覆蓋任何樣式，特別是關於jQuery UI小部件，因爲腳本會生成具有高特性的動態選擇器（在某些情況下）。

我寫an article on Medium關於如何風格jQuery的標籤;雖然與您現有的問題沒有直接關係，但我的確觸及了小部件的特定動態類。如果你正在尋求進一步的幫助，它可能會以某種方式幫助你。

乾杯！

來源

2017-07-15 04:28:44 jswebb

我已經在使用填充：0 0 0 0！important;讓它的工作和現在一樣。如果我刪除！重要的是有巨大的餘地。我也試着用margin來代替填充，沒有任何幫助。我應該提到我靜態創建的初始選項卡沒有這個問題。我動態創建的附加選項卡有這個問題。我已經檢查了我添加的有關動態選項卡的內容，並且沒有可以看到的邊距或填充問題。不知何故，當我創建新標籤時，空間/差距就會被引入。現在我只需點擊運行試過粘貼代碼樣本的addTab功能 – Todd

一個鏈接，但無法弄清楚如何做到這一點的回覆框。 – Todd

我覺得這是關於動態添加標籤來引入空間的問題。這個http://imgur.com/IqNJGNx顯示默認初始靜態選項卡中沒有空間。 – Todd

我終於修好了，多次浪費時間通過CSS挖只是爲了弄清楚這是一個刻着<p></p>標籤在這一行設置： tabs.append("<div id='" + id + "'><p>" + tabContentHtml + "</p></div>");

所有其他的答案都很好，我沒有足夠的後的代碼示例給其他人一個解決方案的機會。不確定是誰給予答案，所以我回答自己，因爲這實際上解決了問題。

感謝誰與信息迴應其他人。

來源

2017-07-15 20:17:44 Todd

jQuery UI的選項卡，去除標籤和標籤內容

回答

相關問題