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

最新推荐文章于 2023-06-13 16:17:02 发布

weixin_30319153

最新推荐文章于 2023-06-13 16:17:02 发布

阅读量230

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ltchu/p/5961555.html

版权

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

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

转载于:https://www.cnblogs.com/ltchu/p/5961555.html