jquery-mobile - 在我的JQuery Mobile 按钮中,任何人都能告诉我为什么这个空白出现了?

  显示原文与译文双语对照的内容
0 0

我不知道怎么把这条白线从我的按钮右边弄掉。 问题是:

http://cl.ly/image/2W0G1o2g3D47

这是我的代码:


 <!DOCTYPE html><html><style type="text/css">
 </style><head><title></title>

 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"/>
 <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
 <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script></head><body>

 <div data-role="navbar"> 
 <ul>
 <li><a id='button1' data-theme ="a" data-iconpos="top">Button 1</a></li>
 <li> <a id='button2' data-theme ="a" data-iconpos="top">Button 2</a></li>
<li> <a id='button3' data-theme ="a" data-iconpos="top">Button 3</a></li>
</ul>
 </div><!--/navbar -->

 <div data-role="navbar"> 
 <ul>
 <li><a id='button4' data-theme ="a" data-iconpos="top">Button 4</a></li>
 <li> <a id='button5' data-theme ="a" data-iconpos="top">Button 5</a></li>

 <li> <a id='button11' data-theme ="a" data-iconpos="top">Button 6 </a></li>
 </ul>
 </div><!--/navbar -->

 <div data-role="navbar"> 
 <ul>
 <li><a id='button6' data-theme ="a" data-iconpos="top">Button 7</a></li>
 <li> <a id='button10' data-theme ="b" data-iconpos="top">Button 8</a></li>
 </ul>
 </div><!--/navbar -->

 </body></html>

时间: 原作者:

0 0

将类( IE class="lastbut") 设置为每行的最后一个按钮。 然后,在CSS中执行以下操作:


.lastbut {
 width:34%!important;
}

33%+33%+33%等于 99%,如果你想要修复它,则看到白色 1%的按钮应为 34% 。

0 0

在你的CSS中尝试 below 代码:


.ui-grid-b> :nth-child(n) {
 margin-right: 0px!important;
 }

原作者:
0 0

我使用导航栏div上的来实现这个功能:


<div data-role="navbar" data-iconpos="top" style="overflow-x:hidden">

...