Q

差異作爲一個列表

2012-10-12 24 views 0 likes

0

我有這樣的代碼：http://jsfiddle.net/mbekX/差異作爲一個列表

在Windows下用鉻，歌劇，IE8和FF的所有工作正常：

X TEXT 
X TEXT 
X TEXT

但是隨着Safari和FF的OSX我得到這樣的：

X TEXT 
    X TEXT 
    X TEXT

任何人可以幫助我在這裏？

我可以在帶有固定高度的dd設置的OSX中修復它，但dd標記也有多行。所以這是不可能的。

ADD OSX-IMAGE：http://i.imgur.com/2lgaJ.png 在Windows下所有的綠色矩形直接低於

2012-10-12 user706420

+3

蘋果不是一個操作系統。 – BoltClock

+0

Windows上的Safari怎麼樣？ – Kraz

+0

也發生在OSX上的FireFox上。 – hradac

A

回答

2

上dd和dt元素與您的dt元素的height設置line-height。

2012-10-12 17:38:24 Jesse

+0

太棒了！這解決了我的問題。謝謝。 :) – user706420

1

你設置的高度和寬度上的一些空<dt>元素，是比「行」你試圖把在大的具體尺寸。再加上float:left，你可以看到你在這裏看到的效果。基本上線條高度小於您設置dt元素的16px高度。您可以增加<dl>的line-height，直到dt元素不再交錯。至少我會推薦line-height: 1.5;。但是如果你的每個元素都有內容，並且你沒有設置它的高度，就像<dt>X</dt>元素一樣，這個問題可以自行解決。而且在定義列表（<dl>）中沒有定義術語（<dt>）的定義數據（<dd>）不正確？

2012-10-12 18:02:05 hradac

+0

謝謝！行高在這裏是正確的解決方案。 – user706420

相關問題