使用jQuery Mobile实现简单的手机通讯录

要求：
1）使用css改变分栏布局比例
2）使用样式进行分栏设置，使好友通讯录列表保持为左侧头像、中间位姓名和电话、右侧打电话图片的三栏式布局。

在列容器内，子元素拥有的 class 为 ui-block-a|b|c|d|e 取决于列数。列会浮动并排。

html代码

css 代码

1:class 为 ui-grid-a（两列布局），您必须指定 ui-block-a 和 ui-block-b 的两个子元素。
2:class 为 ui-grid-b（三列布局），则必须添加 ui-block-a、ui-block-b 和 ui-block-c 的三个子元素。