0

我有这个代码：http: //jsfiddle.net/mbekX/

在带有 Chrome、Opera、IE8 和 FF 的 Windows 下都可以正常工作：

X TEXT
X TEXT
X TEXT

但是在 OSX 上使用 Safari 和 FF 我会得到这样的结果：

X TEXT
  X TEXT
    X TEXT

有人可以在这里帮助我吗？

我可以在 OSX 中使用具有固定高度的 set dd 来修复它，但是 dd-tag 也有多行。所以这是不可能的。

添加 OSX-IMAGE： http: //i.imgur.com/2lgaJ.png 在 Windows 下，所有绿色矩形都在下面

4

2 回答 2

2

将line-heightondd和dtelements 设置为与height您的dt元素相同。

小提琴

于 2012-10-12T17:38:24.500 回答
1

您正在将某些空<dt>元素的高度和宽度设置为大于您尝试放置的“行”的特定大小。再加上它float:left，你就会得到你在这里看到的效果。基本上，行高小于您将这些 dt 元素设置为的 16px 高度。您可以增加 的line-height，<dl>直到 dt 元素不再交错。我line-height: 1.5;至少会推荐。<dt>但是，如果您在每个元素中都有内容并且您没有像元素一样设置它的高度，那么这个问题就会自行解决<dt>X</dt>。如果定义列表 ( ) 中<dd>没有定义术语 ( )，您就不会有定义数据 ( )，对吧？<dt><dl>

于 2012-10-12T18:02:05.183 回答