0 
<html>
<head> 
    <style>
        ul{
            list-style-type:none;
            font-size:0px;
            letter-spacing:10px;
        }
        li{
            display:inline-block;
        }
    </style>
</head>
<body> 
    <ul>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
    </ul>
</body>
</html>

Firefox、Chrome、IEでは異なります。Firefoxでandを使用するfont-size:0pxとletter-spacing:10px、<li>要素の文字間隔が10pxになりますが、ChromeとIEでは機能しません。なぜですか？

4

2 に答える 2

0

私はword-spacingプロパティを使用しますが、letter-spacing;）ではありません

于 2012-04-29T08:50:49.787 に答える
0

リスト内には画像しかないので、CSS を次のように変更してみてください。

ul, ul li {
    list-style-type:none;
    padding: 0;
    margin: 0;
}
于 2012-04-29T08:48:33.437 に答える