Css Jquery mobile最后一个网格项未垂直对齐

我是一个新手，尝试使用jquerymobileversion1.4.5创建一个简单的网格布局。无论是两个或多个柱网轴线布局，最后一个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的大小从50%调整到40%左右后，它将垂直对齐。超过2个柱网轴线布局也存在此问题。在搜索stackoverflow之后，我发现了这个，它使用jQueryMobile版本1.4.2。这就是我想要实现的。因此，我尝试在我的代码中更改Jquery mobile的版本，但问题没有解决。请帮助我了解我做错了什么
*很抱歉我的英语不好我通过删除两个封闭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 -->

---

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

谢谢你，伙计。这么长时间以来，我一直在试图找出问题的症结所在，没想到会有这样的隐藏字符。问题是当你从中复制一些文本时，一些有线字符会从“空格”格式中出现。看到他们用了十六进制视图。