要求:
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 的三个子元素。

相关文章:

  • 2021-11-13
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-05
  • 2021-09-09
  • 2021-09-14
  • 2022-12-23
猜你喜欢
  • 2021-04-30
  • 2021-12-27
  • 2021-11-08
  • 2021-11-17
相关资源
相似解决方案