关于在listview里添加一个navbar的问题

kof19840203

我在一个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属性都无效，，请高手赐教

admin

用 jqueryMobile 的网格布局