font-size：0pxとletter-spacing：異なるブラウザで10pxの表示が異なります

<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でfont-size:0pxとletter-spacing:10pxを使用した場合、<li>の要素の文字間隔は10ピクセルですが、ChromeとIEでは動作しません。なぜですか？font-size：0pxとletter-spacing：異なるブラウザで10pxの表示が異なります

出典

2012-04-29 Sss Sss

ブラウザのデフォルトのおそらく問題。それぞれに「最小フォントサイズ」の設定がありますか？そうでない場合は、「うまくいかない」とはどういう意味なのかを説明してください。 –

リスト内のイメージだけを持っているので、にあなたのCSSを変更してみてください：私はletter-spacingword-spacingプロパティを使用して、ではないでしょう

ul, ul li { 
    list-style-type:none; 
    padding: 0; 
    margin: 0; 
}

出典

2012-04-29 08:48:33 KBN

;）

出典

2012-04-29 08:50:49 skip405

font-size：0pxとletter-spacing：異なるブラウザで10pxの表示が異なります

答えて

関連する問題