Question

我遇到了JQMobile的问题。我有两个div，我必须有相同的高度，所以我使用display：table on a surround div和display：table-cell around my content。然而问题是，当它使用普通的HTML / CSS时，当我使用JQM时，它会搞砸。

基本代码结构是

<div style="display: table; width: 100%;">    
   <div style="width: 49%; display: table-cell">
      My content 1
   </div>
   <div style="width: 49%; display: table-cell">
      My content 2
   </div>
</div>

在http://jsfiddle.net/liftarn/rt4nY/1/

处小提琴

Answer 1

好的，简单的（但不是很明显的解决方案）是添加一个简单的vertical-align：top as

<div style="display: table; width: 100%;">    
   <div style="width: 49%; display: table-cell; vertical-align:top;">
      My content 1
   </div>
   <div style="width: 49%; display: table-cell">
      My content 2
   </div>
</div>

JQM改变垂直位置

1 个答案: