jquery - Jquery手风琴删除换行符

Question

我试图弄清楚如何删除换行符，以便每张图片都彼此相邻。任何帮助将不胜感激！

http://jsfiddle.net/5dkLu/

Answer 1

试试这个

.accordion a {
     display: inline-block; /* used inline-block instead of block*/
     color: black;
     font-weight: bold;
     text-decoration: none;
}

演示。

Answer 2

您只需使用几行代码即可完成此操作：

.accordion dd a {
    float: left;
}

.accordion dd {
    padding: 10px;
    font-size: 12px;
    overflow: hidden; //Added this line.
}

虽然这可能会解决您的问题，但我强烈建议您查看代码的格式。我几乎从不建议浮动a标签。也许您可以将它们放在一个无序列表中，并使每个a标签包含在一个li标签中。

Answer 3

对我来说，问题是我使用的是旧版本的 jquery-ui.js (< 1.90)。当我切换到 jquery-ui-1.9.0.custom.js 时，一切正常。

实际上，将图标显示属性更改为 inline-block 是一个非常糟糕的解决方案。如果您比较图标的位置和文本，您会发现它与应有的不同。