Question

我是新手，尝试使用jquery mobile 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/。
第二个div在将其大小从50％调整到大约40％后将垂直对齐。此问题还存在超过2列网格布局。在搜索stackoverflow之后，我遇到了这个http://jsfiddle.net/Ltx2md34/1/，它使用了jquery移动版本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 -->

也许他们的某个地方隐藏着一个隐藏的角色。

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

1 个答案: