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

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

jsp代码

<span style="font-size:14px;"><div class="weui_panel weui_panel_access">
  <div class="weui_panel_bd">
{{each results as info}}
    <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
      <div class="weui_media_hd">
        <img class="weui_media_appmsg_thumb" src="{{info.headImg}}" alt="">
      </div>
      <div class="weui_media_bd">
		{{if (info.status == 0 && results.position == 0) }}
			<h4 class="weui_media_title">{{info.applier}}(待审核)</h4>
		{{else}}
			<h4 class="weui_media_title">{{info.applier}}</h4>
		{{/if}}
        <p class="weui_media_desc">{{dateFormat info.startTime}}点 到 {{dateFormat info.endTime}}点</p>
      </div>
	  <div class="weui_media_hd">
		{{if results.position == 2 }}
			{{if info.status == 0 }}
				<button href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default" onClick = "audit('{{info.id}}')">审核</button>
			{{/if}}
		{{/if}}
      </div>
    </a>
{{/each}}
  </div>
</div>
</span>

用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