左中右布局的一种实现办法

左边是头像，中间是名字和简介，最右边是一个按钮布局的一种实现方法

jsp代码

<div class="weui_panel weui_panel_access">
  <div class="weui_panel_bd">
<a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
      <div class="weui_media_hd">
        <img class="weui_media_appmsg_thumb" src="url" alt="">
      </div>

      <div class="weui_media_bd">
        <p class="weui_media_desc">10点 到 13点</p>
      </div>

      <div class="weui_media_hd"><button href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default" onClick = "audit()">审核</button>
      </div>
    </a>

  </div>
</div>

 

用jQuery weui的样式，class="weui_media_box weui_media_appmsg"为左右堆叠样式，往下追加<div class="weui_media_hd">时，右边空间足够时放在右边，不够时自动换行加在下面,使用时需引入jQuery weui的样式weui.min.css，jquery-weui.css，jquery-weui.js