jquery - html、jquery、css - 带有类型滑动表的商品目录(修改)

Question

需要帮助:
示例:http://jsfiddle.net/JQaLs/1/
怎么让那货不跌？

使用时:

float:left;

它在移动

抱歉我的英语不好

添加了 1 个:如果点击商品，表格必须显示在下一行，但该行的其他商品必须在它们所在的位置。市场是橡胶，商品必须排成一排。

添加了 2 个:“好”就是“品”

添加了 3 个:我正在尝试进行实验，它想像这样查看:http://jsfiddle.net/JQaLs/8/

display: inline-block;

完成:我决定这个问题:感谢 prerit ahuja 对 div block 的想法。我用于

display: inline-block;

在 div ".models"中添加 div 到 ".types"以供使用

display: inline-block;

也是。

谢谢大家。示例参见 jsfiddle.net/JQaLs/9/(我不能使用第三个“链接”，因为声誉低于 10)

Answer 1

由于表格结构，你的布局被破坏了，最好在 div 中创建布局

例如

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

并且在 jquery 中而不是使用 $. 在使用 $.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%;
}