0

助けが必要:
例: http://jsfiddle.net/JQaLs/1/
商品が下に移動しないようにする方法は?

使用時:

float:left;

動いている

私の悪い英語でごめんなさい

追加 1: 商品をクリックすると、テーブルが次の行に表示される必要がありますが、この行の他の商品は、それらがあった場所にある必要があります。Maket はゴムであり、商品はいくつかの列に配置する必要があります。

追記2： 「いい」は「商品」

追加 3: 実験しようとしていて、次のように表示したい: http://jsfiddle.net/JQaLs/8/

display: inline-block;

終了: 私はこの問題を決定しました: div-blocks のアイデアについて prerit ahuja に感謝します。私はのために使用しました

display: inline-block;

div ".models" で、使用するために ".types" に div を追加しました

display: inline-block;

それも。

全てに感謝。例は jsfiddle.net/JQaLs/9/ を参照 (レピュテ​​ーションが 10 未満のため、3 番目の「リンク」は使用できません)

4

1 に答える 1

-1

テーブル構造が原因でレイアウトが壊れています。divでレイアウトを作成することをお勧めします

例えば

<div>
<div><img src="product image"/></div>
<div>Description</div>
</div>

jquery では、 $.after use $.append を使用する代わりに、メイン div のみに詳細を追加します。

こんにちは、使用する構造を更新しました。http : //jsfiddle.net/JQaLs/5/ を参照してください。 

<div class="models">
<a href="?10257" class="mod" id="10257">
<table >
<tr>
<td class="image"><img src="10257.jpg"></td></tr><tr><td class="desc"><b><span class="name">Товар 1</span></b><br><span class="years">2012.10 – Данный момент</span>
</td>
</tr>
</table>
</a>
</div>

cssを追加します

.models table
{
    width:100%;
}
于 2013-06-21T19:44:09.067 に答える