jquery - 类似表格单元格的 div 显示有问题

标签 jquery css html

我正在尝试根据旧的表格行单元格想法进行网页设计。我读到我可以使用 display:table/table-row/table-cell。问题是当我使用可排序库时,坏事发生了:

.bloque {
   display: table-cell;
}


<div class='bloque'>
</div>
<div class='bloque'>
</div>

完整示例工作: FIDDLE

如果我在 block 内移动一个列表元素,右侧带有 bloque 类的 div(假设是独立的)也会移动 :S。在 fiddle 中你可以看到它。我能做什么?

最佳答案

试试添加

 .bloque {
         vertical-align: top;
  }

CHECK ON FIDDLE

关于jquery - 类似表格单元格的 div 显示有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20923558/

相关文章:

javascript - JS->对输入进行表单验证。使用for循环获取所有输入索引

Javascript 查找包含 HTML 的字符串中单词的位置

javascript - Jquery 变量无法正确比较

html - 右侧面板底部有 div

javascript - JQuery 动画边框

css - 如何在 Bootstrap 进度条内垂直对齐文本

html - 颜色叠加在 HTML img 上

javascript - 仅向来自 Facebook 的用户显示 DIV

jquery - 使用 data() 方法检查存储在元素上的数据

html - 在段落结束后添加分隔符图像