Q

差异作为一个列表

2012-10-12 22 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

相关问题