1

ボタンに固定ナビゲーション バーがあるこの Web ページがあります。画像ボタンを使用しています。ボタンの周りに空白が表示され続け、それを取り除くことはできません:

<html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js">
    </script>
    <style>
        img {
        border: none;
        display: block;
        float:left;
        }
    </style>
</head>
<body>   
<div id="ider" data-position="fixed" data-role="navbar" class="ui-navbar" role="navigation">
    <ul class="ui-grid-b">
        <li class="ui-block-a">
            <a href="index.html"><img style="width:100%; height:100%" src="icon1.png"></a>
        </li>
        <li class="ui-block-b">
            <a href="index.html"><img style="width:100%; height:100%" src="icon2.png"></a>
        </li>
        <li class="ui-block-c">
            <a href="index.html"><img style="width:100%; height:100%" src="icon3.png"></a>
        </li>
</ul>
</div>       
</body>

画像は次のとおりです。 ここに画像の説明を入力

ここに画像の説明を入力

ここに画像の説明を入力

4

4 に答える 4

0

CSS を使用して解決します。

img{
border: none;
}
于 2013-07-31T04:02:06.913 に答える
0

画像は文字扱いとなります。CSS プロパティの display を block に設定するだけで、100% の幅/高さを適切に埋めることができます。

img { display: block; }
于 2013-07-31T04:04:39.103 に答える