PhoneGap中文网

标题: 关于在listview里添加一个navbar的问题 [打印本页]
作者: kof19840203    时间: 2014-2-25 08:35
标题: 关于在listview里添加一个navbar的问题
我在一个listview的第一行里添加了一个navbar，里面放了4个按钮。
代码如下
  1. <ul data-role="listview" data-inset="true" id="bmlist" class="split">
  2.         <div data-role="navbar" align="left" id="dhlist">
  3.           <input id="1" type="button" value="景焦集团" data-inline="true" class="buttonClass" style=" margin:0 0 10px 10px" data-corners="false"  ></input>
  4.           <input id="2" type="button" value="集团本部" data-inline="true" data-corners="false" style=" margin:0 0 10px 10px"  ></input>
  5.           <input id="3" type="button" value="党政办公室" data-inline="true" data-corners="false" style=" margin:0 0 10px 10px" ></input>
  6.           <input id="4" type="button" value="信息中心" data-inline="true" data-corners="false"  style=" margin:0 0 10px 10px"></input>
  7.         </div>
  8.     </ul>
复制代码

显示出来的效果请见图片。。
我希望让这几个按钮排列的更紧凑些，上下左右都基本没有缝隙，可是用margin 和padding属性都无效，，请高手赐教


111.jpg (8.25 KB, 下载次数: 221)

111.jpg
作者: admin    时间: 2014-2-25 08:49
用 jqueryMobile 的网格布局
作者: cqnzz    时间: 2015-5-1 12:52
非常好 感谢 开始学习html5 app开发了
作者: gc198975    时间: 2015-5-1 21:44
作者: cqnzz    时间: 2015-5-1 22:07
未来属于html5 phonegap 微信 wap全部搞定
作者: Guoyucheng    时间: 2015-5-2 02:09
好东西啊，谢谢分享 感谢phonegap中文网
作者: cserwang    时间: 2015-5-2 03:30
人不错，学习学习 感觉phonegap+html越来越火了。



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2