Jquery mobile最后一个Grid项目没有垂直对齐

Question

我是一个新手,尝试使用jquery移动版1.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/.
在将尺寸从50%调整到40%左右后,第二个div将垂直对齐.此问题还存在超过2列网格布局.在搜索stackoverflow之后,我遇到了这个http://jsfiddle.net/Ltx2md34/1/,它使用了jquery mobile 1.4.2版.而这正是我想要实现的目标.所以,我尝试在我的代码中更改Jquery mobile的版本,但问题没有解决.请帮助我理解我做错了什么
*抱歉我的英文不好

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

也许在某个地方有一个隐藏的角色搞砸了.