Jquery移动最后一个网格项没有垂直对齐

Question

我是一个新手，试图使用jQueryMobileVersion1.4.5从jquerymobile演示中学习创建一个简单的网格布局。要么是2个或更多的列网格布局，最后一个div元素永远不会垂直对齐其他，除非它的宽度减少。

这是我的2列网格布局代码

<div class="ui-grid-a">
<div class="ui-block-a"><textarea></textarea></div>
<div class="ui-block-b"><textarea></textarea></div>
</div><!-- /grid-a --> 

http://jsfiddle.net/j43xh6k3/。

第二个div会在调整大小后垂直对齐，从50%调整到40%左右。这一问题也存在于2列以上的网格布局中。在搜索堆栈溢出之后，我看到了这个使用jQueryMobileVersion1.4.2的http://jsfiddle.net/Ltx2md34/1/。也是我想要达到的目标。因此，我尝试在代码中更改Jquery的版本，但是这个问题并没有帮助我理解我做错了什么

*为我糟糕的英语道歉

Answer 1

通过删除两个封闭的div之间的空白和回车，我解决了这个问题：

首先我做了这个：

<div class="ui-grid-a">
    <div class="ui-block-a"><textarea></textarea></div><div class="ui-block-b"><textarea></textarea></div>
</div><!-- /grid-a -->

然后再缩回：

<div class="ui-grid-a">
    <div class="ui-block-a"><textarea></textarea></div>
    <div class="ui-block-b"><textarea></textarea></div>
</div><!-- /grid-a -->

也许在他们的某个地方有个隐藏的角色。