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 に変更するのは、非常にお粗末な解決策です。アイコンとテキストの位置を比較すると、本来あるべき位置とは異なっていることがわかります。