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>
4

3 に答える 3

1

クラス (つまり、class="lastbut") を各行の最後のボタンに設定します。次に、CSS で次のようにします。

.lastbut {
   width:34% !important;
}

33%+33%+33% は 99% に等しく、白い 1% が表示されます。修正する場合は、ボタンの 1 つを 34% にする必要があります。

于 2012-11-30T16:07:12.513 に答える
0

CSS で以下のコードを試してください。

.ui-grid-b > :nth-child(n) {
   margin-right: 0px!important;
 }
于 2012-11-30T16:10:52.130 に答える
0

ナビゲーションバーのdivでoverflow-x:hiddenを使用してこれを解決しました：

<div data-role="navbar" data-iconpos="top" style="overflow-x:hidden">
于 2013-08-26T12:03:07.467 に答える