2019年2月3日ツイートシェアB!はてブポケットdisplay:inline-block;を使用すると、余計な隙間ができます。これを取り除く方法を4つ紹介します。おわり改行しないdisplay:inline-block;を適用させた要素をソース内で改行していると、余白ができるようです。htmlの見栄えを無視して圧縮したような記述にしましょう。style="display:inline-block;"></li></ul>「letter-spacing」でマイナスを指定なぜこれで解決するか意味不明ですが、これやれば解決するんだぐらいに思っておくといいと思います。コードの都合上、改行を除去するのが面倒な場合はletter-spacingでcssに適用しちゃいましょう。これは、inline-blockを指定した要素を囲む親要素に適用させる必要がある点だけ注意してください。リンク「font-size」を0に!これもハック的な書き方です。理屈ではなくこうなるもんだと覚えてください。これも親要素に指定して、子要素で再度指定し直す感じです。@haniwa008「display:inline-block」で勝手に作られる隙間(余白)を消す方法でした。どれもカッコいい方法ではないですが、仕方ないですね。他の横並びの方法で代替できるなら検討してみるのもいいかもしれません。リンクこのページが役に立ったらいいね!お願いします運営の励みになります...。同じカテゴリーの一覧を見る次の記事WordPressでSNSシェアボタンを作るためのコードの書き方とCSSデザイン前の記事PCサイトをレスポンシブ化する時の考え方と注意点はにわまんWordPressが好きなフリーのWebコーダー。300件以上のWordPressカスタマイズを対応してきました。