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

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

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

html代码
使用jQuery Mobile实现简单的手机通讯录
css 代码
使用jQuery Mobile实现简单的手机通讯录
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 的三个子元素。

相关文章: