2

重複の可能性:インライン ブロック リスト項目の
不要なマージン インライン ブロック リスト項目
間のスペース

liに設定する間のギャップを避けるために、display: inline-blockのフォント サイズulを 0 に設定しました。したがって、em サイジングの性質上、0 がすべての基本フォント サイズとして渡されるようになりましたli。彼ら。

font-size: 14px（たとえば）リスト項目に設定せずにこの問題を解決する方法はありますか？

4

2 に答える 2

2

代わりにそれらをフロートするだけですおそらくそれらはインラインブロックである必要はまったくありません。おそらく、何らかの方法でフロートすることができます。これにより、幅と高さ、パディングなどを設定できます。text-align: center; のように中央に配置することはできません。インライン ブロック要素の親。

このソースを見てみましょう: http://css-tricks.com/fighting-the-space-between-inline-block-elements/

問題に対する複数の解決策がリストされています。フォント サイズを 0 に設定しないでください。

于 2013-01-28T19:05:56.537 に答える
1

1 つの解決策は、コメントをマークアップに入れることです。これにより、リスト要素の間に空白がなくなります。そのため、そのハックはもう必要ありません。

<ul><!--
    --><li>1</li><!--
    --><li>1</li><!--
    --><li>1</li><!--
--></ul>
于 2013-01-28T19:03:45.863 に答える