Jquery 移动最后一个网格项目未垂直对齐

Question

我是新手，尝试使用 jquery 移动版 1.4.5 学习 jquerymobile demo 创建一个简单的网格布局。要么是 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/ .
The second div will align vertically after resizing it's size to around 40% from 50%. This problem exist also with more than 2 column grid layout. After searching Whosebug I came across this http://jsfiddle.net/Ltx2md34/1/ ，它使用 jquery 移动版本 1.4.2。这就是我想要实现的。所以，我尝试在我的代码中更改 Jquery 移动版本，但问题并没有 solve.Please 帮助我理解我哪里做错了
*抱歉我的英语不好

Answer 1

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

首先我这样做了：

<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 -->

也许他们的某个地方有一个隐藏的角色把事情搞砸了。

Jquery 移动最后一个网格项目未垂直对齐

Jquery mobile last Grid item not vertically aligned

css

jquery-mobile