ウェブネタ

2013年01月31日

何気にずっと頭を悩ませてた問題。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>