2010-01-01 33 views
1

所以我把這個Twitter小部件整合到xhtml中。如何設置<dl>列表中的項目之間的邊距樣式?

http://help.twitter.com/forums/10711/entries/15354

的代碼是:

<dl id="twitter_update_list"></dl> 

...然後JavaScript的一個幾行。

我的問題是,我無法弄清楚如何獲得列表項之間的任何空間。我需要的是每個項目之間的幾個br標籤。

我假設我可以css風格的dl以某種方式沒有與已建立的twitter類衝突?

任何想法?只需要一個解決方案。謝謝!

回答

1

你試過:

dl#twitter_update_list li { 
    // margin, padding, line-height 
} 

這將適用於任何規則內#twitter_update_list找到的所有列表項。我看了一個http://www.dustindiaz.com/search/?q=from:evan這個小部件的例子,發現只有每個tweet包含在div的類twtr-tweet中。我不確定這是否是標準,或者這是否是這個特定用戶使用此工具的方式。如果是前者,你就不會被造型li元素,你會stying:

.twtr-tweet { 
    // margin, padding, line-height 
} 
+1

IT WORKED !!!!!!謝謝喬納森!非常感謝! – realcheesypizza 2010-01-01 19:48:06

+0

嘿,還有一件事我以爲我會扔在亞...還有關於這個微件整合。爲什麼IE瀏覽器會顯示長URL(列表項中的鏈接)與打破DIV?與此同時,FF只是將網址延續到下一行,非常乾淨。 有什麼想法? – realcheesypizza 2010-01-01 20:03:19

+0

這只是瀏覽器處理URL的方式。如果你喜歡,你可以問另一個關於如何在IE中解決這個問題的問題:) – Sampson 2010-01-01 20:24:35

0

顯示:塊;填充頂:10px的;填充底:10px的;

顯示:塊;邊距:10px的;邊距:10px的;

如果我正確理解佈局...將大小元素設置爲不同的大小,因爲10大概不夠。

相關問題