display: inline-block; による隙間を消すCSS完全版 @ WWWPArtisan

何気にずっと頭を悩ませてた問題。display: inline; や display: inline-block; で要素をインライン化したときに、改行が半角スペースになり、隙間となる問題。あれがスッキリ解消できました。 HTMLでこんな感じ↓にしてる人は必見です。 <ul><li>list item</li><li>list item</li></ul> <ul><li> list item </li><li> list item </li></ul> <ul><!-- --><li>list item</li><!-- --><li>list item</li><!-- --></ul> 隙間を消す方法として、多く紹介されてきた方法が3つあります。 親要素に font-size: 0; を指定し、子要素のフォントサイズをpxなどの絶対単位で指定する（%やemなどの相対単位は不可） 親要

[MerlinP]

“*display: inline; *zoom: 1;”

[noazoh]

div要素をfloat:left すると、clearしないといけないけど、inline-block にすると clear が必要ないのでうれしい・・・が、margin:0 しても隙間が開いてしまうのを解消する方法。こんなことするくらいならfloatのほうが楽じゃね？

[depdep]

隙間消す完全版

[t2421jp]

display : inline-block; による隙間を消すCSS完全版 @ WWWPArtisan 何気にずっと頭を悩ませてた問題。display: inline; や display: inline-block; で要素をインライン化したときに、改行が半角スペースになり、隙間となる問題。あれがスッキリ

[ytkwsm]

フロントエンドマンに教えてもらったページ。後で読む。